js实现全屏,退出全屏

摘要:这篇文章主要介绍了JavaScript控制全屏,监听退出全屏。以及ie低版本的全屏,退出全屏都这个方法,ie调用ActiveX控件,需要在ie浏览器安全设置里面把 未标记为可安全执行脚本的ActiveX控件初始化并执行脚本设置为启用

全屏

function fullScreen(){
    var el = document.documentElement;
    var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;     
        if(typeof rfs != "undefined" && rfs) {
            rfs.call(el);
        };
      return;
}


退出全屏  

function exitScreen(){
    if (document.exitFullscreen) { 
        document.exitFullscreen(); 
    } 
    else if (document.mozCancelFullScreen) { 
        document.mozCancelFullScreen(); 
    } 
    else if (document.webkitCancelFullScreen) { 
        document.webkitCancelFullScreen(); 
    } 
    else if (document.msExitFullscreen) { 
        document.msExitFullscreen(); 
    }
    if(typeof cfs != "undefined" && cfs) {
        cfs.call(el);
    }
}


ie低版本的全屏,退出全屏都这个方法

function iefull(){
    var el = document.documentElement;
    var rfs =  el.msRequestFullScreen;
    if(typeof window.ActiveXObject != "undefined") {
        //这的方法 模拟f11键,使浏览器全屏
        var wscript = new ActiveXObject("WScript.Shell");
        if(wscript != null) {
            wscript.SendKeys("{F11}");
        }
    }
}

注:ie调用ActiveX控件,需要在ie浏览器安全设置里面把 ‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本’ 设置为启用


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_2034