js控制网页全屏，监听退出全屏动作

最新推荐文章于 2024-08-21 15:54:35 发布

择一城终老...

最新推荐文章于 2024-08-21 15:54:35 发布

阅读量1k

点赞数

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/qq_37026273/article/details/113499556

版权

web前端专栏收录该内容

8 篇文章

订阅专栏

//控制全屏方法

function requestFullScreen(element) {
    var requestMethod = element.requestFullScreen || //W3C
        element.webkitRequestFullScreen || //Chrome等
        element.mozRequestFullScreen || //FireFox
        element.msRequestFullScreen; //IE11
    if (requestMethod) {
        console.log("全屏")
        requestMethod.call(element);
    }else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

//监听退出全屏事件

window.onresize = function() {

    if (!checkFull()) {

        console.log("退出全屏")

    }

}

function checkFull() {

    var fullScreen = parent.document.webkitIsFullScreen || parent.document.fullscreen || parent.document.mozFullScreen || parent.document.msFullscreenElement;

    if (fullScreen === undefined) {fullScreen = false;}

    return fullScreen;

}

界面引用

 requestFullScreen($("#videoModule")[0]);