JS实现网页全屏和退出

1.html两个按钮，全屏、退出全屏。

<li><button class="btn btn-sm btn-info FullScreen-btn" value="FullScreen" type="button" >全屏</button>
</li>
<li><button class="btn btn-sm btn-info ExitFullScreen-btn" value="ExitFullScreen" type="button" >退出全屏</button>
</li>

2.JS

//全屏显示
$(".FullScreen-btn").click(function(el){var el = document.documentElement;var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||el.mozRequestFullScreen || el.msRequestFullScreen;if(typeof rfs != "undefined" && rfs) {rfs.call(el);} else if(typeof window.ActiveXObject != "undefined") {//for IE，这里其实就是模拟了按下键盘的F11，使浏览器全屏var wscript = new ActiveXObject("WScript.Shell");if(wscript != null) {wscript.SendKeys("{F11}");}}
});//退出全屏
$(".ExitFullScreen-btn").click(function(el){var el = document;var cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||el.mozCancelFullScreen || el.exitFullScreen;if(typeof cfs != "undefined" && cfs) {cfs.call(el);} else if(typeof window.ActiveXObject != "undefined") {//for IE，这里和fullScreen相同，模拟按下F11键退出全屏var wscript = new ActiveXObject("WScript.Shell");if(wscript != null) {wscript.SendKeys("{F11}");}}
});

JS实现网页全屏和退出相关推荐

js 控制网页全屏及退出全屏
网上找了好多资料,基本大同小异,实际效果会出现IE不兼容的现象(全屏和退出全屏都失效), 后来解决了,记录如下: function requestFullScreen(element) {var do ...
js实现浏览器全屏与退出全屏，解决chrome下F11进入全屏后退出全屏API方法失效
1. 问题说明网页全屏和退出全屏其实已经算的上一个很常见的功能了,那是不是直接用HTML5全屏API就没什么问题了,但是不要忘了键盘上的F11有着同样的功能,实际使用的时候就发现F11使网页进入全屏 ...
python退出全屏_实现网页全屏和退出全屏JS代码，多浏览器兼容
js全屏和退出全屏代码|www.125jz.com 全屏显示退出全屏 function requestFullScreen(element) { // 判断各种浏览器,找到正确的方法 var req ...
js控制网页全屏，监听退出全屏动作
//控制全屏方法 function requestFullScreen(element) {var requestMethod = element.requestFullScreen || //W3C ...
js控制页面全屏或退出全屏
主要用h5的 requestFullScreen方法效果可以达到摁F11实现全屏的效果 requestFullscreen方法实现全屏具体实现代码如下 <!DOCTYPE html> & ...
js vue+elementui 全屏跟退出全屏功能搬砖
html部分代码 <span class="user" @click="toggleFullScreen"><el-tooltip class ...
原声js控制浏览器全屏或者退出全屏
开启全屏 if (document.documentElement.requestFullscreen) {document.documentElement.requestFullscreen(); ...
html 全屏不允许退出,js实现进入全屏与退出
理想: 类型名称作用属性 fullscreenElement 当前处于全屏模式的DOM元素属性 fullscreenEnabled 当前 document 是否进入了可以请求全屏模式的状态方 ...
原生js实现浏览器全屏和退出全屏
全屏模式 //W3Cif (docElm.requestFullscreen) {docElm.requestFullscreen(); }//FireFoxelse if (docElm.mozRe ...

JS实现网页全屏和退出

JS实现网页全屏和退出相关推荐

最新文章

热门文章