JavaScript 启用全屏显示/退出全屏模式

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

@不白

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

阅读量5.8k

点赞数 3

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/qq_39726772/article/details/89159988

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

// 自动切换
function toggleFullScreen() {
    var isFull = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false;
    if (isFull != false) {
        exitFullscreen();
    } else {
        requestFullscreen(window.document.documentElement); // 页面全屏
        // requestFullscreen(document.getElementById("mainContent")); // 内容全屏
    }
}

// 进入全屏
var requestFullscreen = function (ele) {
    if (ele.requestFullscreen) {
        ele.requestFullscreen();
    } else if (ele.webkitRequestFullscreen) {
        ele.webkitRequestFullscreen();
    } else if (ele.mozRequestFullScreen) {
        ele.mozRequestFullScreen();
    } else if (ele.msRequestFullscreen) {
        ele.msRequestFullscreen();
    } else {
        //console.log('Fullscreen API is not supported.');
    }
};

// 退出全屏
var exitFullscreen = function () {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    } else {
        //console.log('Fullscreen API is not supported.');
    }
};