js 控制浏览器全屏案例

最新推荐文章于 2024-06-29 00:44:50 发布

王大强~

最新推荐文章于 2024-06-29 00:44:50 发布

阅读量595

点赞数

分类专栏： JavaScript-篇

本文链接：https://blog.csdn.net/angularWQ/article/details/78175512

版权

JavaScript-篇专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<body>
<div οnclick="launchFullscreen(document.documentElement);"></div>
<div οnclick="exitFullscreen()(document.documentElement);"></div>
   <!--launchFullscreen(document.documentElement);
</body>
</html>
<script>
    // 判断各种浏览器，找到正确的方法
    function launchFullscreen(element) {
        if(element.requestFullscreen) {
            element.requestFullscreen();
        } else if(element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if(element.webkitRequestFullscreen) {
            element.webkitRequestFullscreen();
        } else if(element.msRequestFullscreen) {
            element.msRequestFullscreen();
        }
    }

    // 判断浏览器种类
    function exitFullscreen() {
        if(document.exitFullscreen) {
            document.exitFullscreen();
        } else if(document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if(document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
    }
    // 退出全屏模式!
    exitFullscreen();
</script>

王大强~

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 控制浏览器全屏案例

body>div onclick="launchFullscreen(document.documentElement);">div>div onclick="exitFullscreen()(document.documentElement);">div> body>html>script> // 判断各种浏览器，找到正确的方法 function launchFu
复制链接

扫一扫

专栏目录