js控制浏览器是否全屏

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

清雨小竹

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

阅读量1.2k

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/zzzili/article/details/106612962

版权

Web 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

        function fullScreen() {
            /*判断是否全屏*/
            var isFullscreen = document.fullScreenElement//W3C
                || document.msFullscreenElement //IE
                || document.mozFullScreenElement //火狐
                || document.webkitFullscreenElement //谷歌
                || false;
            if (!isFullscreen) {
                var el = document.documentElement;
                if (el.requestFullscreen) {
                    el.requestFullscreen();
                } else if (el.mozRequestFullScreen) {
                    el.mozRequestFullScreen();
                } else if (el.webkitRequestFullscreen) {
                    el.webkitRequestFullscreen();
                } else if (el.msRequestFullscreen) {
                    el.msRequestFullscreen();
                }
            } else {
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                } else if (document.msExitFullscreen) {
                    document.msExitFullscreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                }
            }
        }