浏览器的全屏设置

最新推荐文章于 2024-07-19 15:49:07 发布

bluelotos893

最新推荐文章于 2024-07-19 15:49:07 发布

阅读量509

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/bluelotos893/article/details/88566170

版权

JavaScript 专栏收录该内容

48 篇文章

订阅专栏

兼容主流浏览器的全屏设置

function requestFullScreen() {
    // 判断各种浏览器，找到正确的方法
    var element = $("body")[0];//document.getElementById("screen");
    var requestMethod = element.requestFullScreen || //W3C
    element.webkitRequestFullScreen ||    //Chrome等
    element.mozRequestFullScreen || //FireFox
    element.msRequestFullScreen; //IE11
    if (requestMethod) {
    	//layer.msg(11);
        requestMethod.call(element);
    }else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}
//退出全屏 判断浏览器种类
function exitFull() {
    // 判断各种浏览器，找到正确的方法
    var exitMethod = document.exitFullscreen || //W3C
    document.mozCancelFullScreen ||    //Chrome等
    document.webkitExitFullscreen || //FireFox
    document.webkitExitFullscreen; //IE11
    if (exitMethod) {
        exitMethod.call(document);
    }
    else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}