js 全屏显示
来源:互联网 发布:校园网络自助平台 编辑:程序博客网 时间:2024/06/08 18:47
js设置浏览器全屏显示
HTML部分:
<input id="Button1" type="button" value="开始全屏" onclick="kaishi()" /> <input id="Button2" type="button" value="关闭全屏" onclick="guanbi()" />
js部分:
function kaishi() { var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } //IE11 else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } } function guanbi() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } document.addEventListener("fullscreenchange", function () { fullscreenState.innerHTML = (document.fullscreen) ? "" : "not "; }, false); document.addEventListener("mozfullscreenchange", function () { fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not "; }, false); document.addEventListener("webkitfullscreenchange", function () { fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not "; }, false); document.addEventListener("msfullscreenchange", function () { fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not "; }, false);
阅读全文
0 0
- js 全屏显示
- JS控制IE全屏显示
- js页面的全屏展示和退出全屏显示
- js控制页面的全屏展示和退出全屏显示
- js控制页面的全屏展示和退出全屏显示
- js 全屏显示和关闭页面
- js使ie全屏显示(转)
- textarea全屏显示(jquery.textareafullscreen.js插件)
- 图片全屏显示——js插件
- js模拟F11使页面全屏显示
- js怎么让浏览器自动全屏显示
- js全屏显示显示代码的三种方法
- 全屏显示
- 全屏显示
- 全屏显示
- 全屏显示
- 全屏显示
- 全屏显示
- Java中的RTTI
- 新闻案例
- 静态查找
- Android 沉浸式状态栏
- PyMongo初级使用教程
- js 全屏显示
- HBuilder控制台集成命令提示符(终端/CMD)功能
- ospfj
- Mac使用mysql中出现ERROR 1045: Access denied for user: 'root@localhost' 以及密码过期解决方法
- 【Java面试】java基础篇
- QImage
- Android
- 发送有序广播
- 详解 JVM 工作原理和流程