浏览器全屏按键同f11效果

本文主要是介绍浏览器全屏按键同f11效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

模拟键f11

// for IE，这里和fullScreen相同，模拟按下F11键退出全屏
let wscript = new ActiveXObject('WScript.Shell')
if (wscript != null) {wscript.SendKeys('{F11}')
}

同f11键效果生效全屏函数

//判断是否是全屏状态
var isFull =Math.abs(window.screen.height - window.document.documentElement.clientHeight,) <= 17
window.onresize = function () {isFull =Math.abs(window.screen.height - window.document.documentElement.clientHeight,) <= 17
}// 阻止F11键默认事件，用HTML5全屏API代替
window.addEventListener('keydown', function (e) {e = e || window.eventif (e.keyCode === 122 && !isFull) {e.preventDefault()// enterFullScreen()requestFullScreen(document.documentElement)}
})// 打开浏览器全屏模式
function enterFullScreen() {let el = document.documentElementlet rfs =el.requestFullScreen ||el.webkitRequestFullScreen ||el.mozRequestFullScreen ||el.msRequestFullscreenif (rfs) {// typeof rfs != "undefined" && rfsrfs.call(el)} else if (typeof window.ActiveXObject !== 'undefined') {// for IE，这里其实就是模拟了按下键盘的F11，使浏览器全屏let wscript = new ActiveXObject('WScript.Shell')if (wscript != null) {wscript.SendKeys('{F11}')}}
}// 退出全屏
function exitFullScreen() {let el = documentlet cfs =el.cancelFullScreen ||el.mozCancelFullScreen ||el.msExitFullscreen ||el.webkitExitFullscreen ||el.exitFullscreenif (cfs) {// typeof cfs != "undefined" && cfscfs.call(el)} else if (typeof window.ActiveXObject !== 'undefined') {// for IE，这里和fullScreen相同，模拟按下F11键退出全屏let wscript = new ActiveXObject('WScript.Shell')if (wscript != null) {wscript.SendKeys('{F11}')}}
}

系统全屏函数

// 让元素进入全屏
export function requestFullScreen(element) {if (element.requestFullScreen) {// 标准写法element.requestFullScreen()} else if (element.webkitRequestFullScreen) {// webkit 内核浏览器 谷歌 Safarielement.webkitRequestFullScreen()} else if (element.mozRequestFullScreen) {// moz    内核浏览器 火狐element.mozRequestFullScreen()} else if (element.msRequestFullscreen) {// ms ie浏览器 RequestFullscreen中 Screen中的s ie浏览器需要小写element.msRequestFullscreen()}
}// 页面退出全屏
export function exitFullscreen() {if (document.exitFullscreen) {// 标准写法document.exitFullscreen()} else if (document.webkitCancelFullScreen) {// webkit 内核浏览器 谷歌 Safaridocument.webkitCancelFullScreen()} else if (document.mozCancelFullScreen) {// moz    内核浏览器  火狐document.mozCancelFullScreen()} else if (document.msExitFullscreen) {// ms   ie浏览器  取消全屏是Exit  不是Canceldocument.msExitFullscreen()}
}// 页面是否在全屏
export function isFullScreen() {if (document.fullScreen) {// 标准写法return document.fullScreen}if (document.webkitCancelFullScreen) {// webkit 内核浏览器 谷歌 Safarireturn document.webkitIsFullScreen}if (document.mozCancelFullScreen) {// moz    内核浏览器  火狐return document.mozFullScreen}
}