js控制全屏和取消全屏

Steven Hank

于 2023-11-08 18:16:26 发布

阅读量163

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/vmanas_/article/details/134295610

版权

function fullScreen(docElm) {
    if (window.isFullScreen) {
        return;
    }
    // const docElm = document.documentElement
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    } else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    } else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    } else if (docElm.msRequestFullscreen) {
        docElm.msRequestFullscreen();
    }
    window.isFullScreen = true;
}

function cancelFullScreen() {
    if (!window.isFullScreen) {
        return;
    }
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    } else if (document.msCancelFullScreenn) {
        document.msCancelFullScreen();
    }
    window.isFullScreen = false;
}