美文网首页个人收藏
js中开启全屏,以及退出全屏

js中开启全屏,以及退出全屏

作者: 虚幻的锈色 | 来源:发表于2017-07-10 11:00 被阅读1572次

平时写页面,因为做的是系统界面,客户对象是工作人员使用,所以经常遇到需要全屏功能的系统。

不墨迹,直接上代码

开启全屏:

var el = document.documentElement;
        var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
            el.mozRequestFullScreen || el.msRequestFullScreen;
        if (rfs) { //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}");
            }
        }

退出全屏

    var el = document;
        var cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||
            el.mozCancelFullScreen || el.exitFullScreen;
        if (cfs) { //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}");
            }
        }

赠送小方法

'20170710'.replace(/(\d{4})(\d{2})(\d{2})/g,'$1-$2-$3');  // 2017-07-10

相关文章

网友评论

    本文标题:js中开启全屏,以及退出全屏

    本文链接:https://www.haomeiwen.com/subject/masyhxtx.html