浏览器进入/退出全屏

RumbleWx

已于 2023-08-08 17:56:34 修改

阅读量99

点赞数

文章标签：全屏退出全屏浏览器兼容性 JavaScript DOM

于 2022-11-14 12:20:41 首次发布

本文链接：https://blog.csdn.net/rumblewx/article/details/127845097

版权

        // 进入全屏
        enterFullscreen() {
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            }
            //FireFox
            else if (document.documentElement.mozRequestFullScreen) {
                document.documentElement.mozRequestFullScreen();
            }
            //Chrome等
            else if (document.documentElement.webkitRequestFullScreen) {
                document.documentElement.webkitRequestFullScreen();
            }
            //IE11
            else if (document.documentElement.msRequestFullscreen) {
                document.body.msRequestFullscreen();
            }
        },
        // 退出全屏
        exitFullscreen() {
            if (document.fullscreenElement) {
                document.exitFullscreen();
            } else if (document.msFullScreenElement) {
                document.msExitFullscreen();
            } else if (document.mozFullScreenElement) {
                document.mozCancelFullScreen();
            } else if (document.webkitFullscreenElement) {
                document.webkitCancelFullScreen();
            }
        },