导航首页
排行榜单
申请收录
关于本站
搜索
本站
百度
搜狗
360
必应
头条
百度搜索
微客导航
»
文章资讯
»
js模拟F11页面全屏显示
js模拟F11页面全屏显示
2023-08-14 01:48:04
156
本文实例为大家分享了js模拟F11页面全屏显示的具体代码,供大家参考,具体内容如下
测试全屏
全屏按钮
退出全屏
varbtn=document.getElementById('btn'); varcontent=document.getElementById('content'); btn.onclick=function(){ console.log(content); fullScreen(content); } varquite=document.getElementById('quite'); quite.onclick=function(){ exitFullScreen(); } functionfullScreen(el){ varrfs=el.requestFullScreen||el.webkitRequestFullScreen||el.mozRequestFullScreen||el.msRequestFullScreen, wscript; if(typeofrfs!="undefined"&&rfs){ rfs.call(el); return; } if(typeofwindow.ActiveXObject!="undefined"){ wscript=newActiveXObject("WScript.Shell"); if(wscript){ wscript.SendKeys("{F11}"); } } } functionexitFullScreen(el){ varel=document, cfs=el.cancelFullScreen||el.webkitCancelFullScreen||el.mozCancelFullScreen||el.exitFullScreen, wscript; if(typeofcfs!="undefined"&&cfs){ cfs.call(el); return; } if(typeofwindow.ActiveXObject!="undefined"){ wscript=newActiveXObject("WScript.Shell"); if(wscript!=null){ wscript.SendKeys("{F11}"); } } }