JS实现网页全屏和退出

来源：互联网发布：优质rs485数据电缆价格编辑：程序博客网时间：2024/05/16 10:42

1.首先在页面加入两个按钮，全屏和退出全屏。

<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}");        }    }});

1 0