js模拟F11页面全屏显示

时间：2021-05-26

本文实例为大家分享了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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章