浏览器的全屏设置

最新推荐文章于 2025-04-14 09:44:20 发布

bluelotos893

最新推荐文章于 2025-04-14 09:44:20 发布

阅读量540

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/bluelotos893/article/details/88566170

JavaScript 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一种兼容多种主流浏览器的全屏操作方法，包括进入和退出全屏状态的实现。通过检测不同浏览器的特性，使用相应的API来达到全屏效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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