本文实例为大家分享了js模拟F11页面全屏显示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"UTF-8\">
<title>测试全屏</title>
</head>
<body>
<button id=\'btn\'>全屏按钮</button>
<div id=\"content\" style=\"background:yellow;width:500px;height:500px;\">
<div id=\"quite\" class=\"btn\">退出全屏</div>
</div>
<script type=\"text/javascript\">
var btn = document.getElementById(\'btn\');
var content = document.getElementById(\'content\');
btn.onclick = function(){
console.log(content);
fullScreen(content);
}
var quite = document.getElementById(\'quite\');
quite.onclick = function(){
exitFullScreen();
}
function fullScreen(el) {
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,
wscript;
if(typeof rfs != \"undefined\" && rfs) {
rfs.call(el);
return;
}
if(typeof window.ActiveXObject != \"undefined\") {
wscript = new ActiveXObject(\"WScript.Shell\");
if(wscript) {
wscript.SendKeys(\"{F11}\");
}
}
}
function exitFullScreen(el) {
var el= document,
cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,
wscript;
if (typeof cfs != \"undefined\" && cfs) {
cfs.call(el);
return;
}
if (typeof window.ActiveXObject != \"undefined\") {
wscript = new ActiveXObject(\"WScript.Shell\");
if (wscript != null) {
wscript.SendKeys(\"{F11}\");
}
}
}
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
© 版权声明
THE END
暂无评论内容