js模拟F11页面全屏显示
2019-09-17 15:10
1891 查看
本文实例为大家分享了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>
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- js模拟F11使页面全屏显示
- js页面的全屏展示和退出全屏显示
- js控制页面的全屏展示和退出全屏显示
- pdf.js使用和JS实现嵌套Iframe页面F11全屏效果
- js控制页面的全屏展示和退出全屏显示的方法
- js控制页面的全屏展示和退出全屏显示
- js控制页面的全屏展示和退出全屏显示的方法
- js脚本模拟键盘F11全屏
- 模拟js的首页动态推荐页面 Gallery 自动播放 无限循环 指示器显示 点击事件
- 模拟js的首页动态推荐页面 Gallery 自动播放 无限循环 指示器显示 点击事件
- JS 模拟”F11“键 操作浏览器全屏
- js控制页面的全屏展示和退出全屏显示的方法
- js页面的全屏展示和退出全屏显示
- js控制页面的全屏展示和退出全屏显示
- js 全屏显示和关闭页面
- 基于Ascensor.js全屏切换页面插件
- 原生Js 两种方法实现页面关键字高亮显示
- 一也用JS实现的页面整体移动显示广告并收起!
- js实现页面动态显示星级评价
- 利用JS实现:页面组件的动态显示、隐藏