js 控制瀏覽器全屏顯示

本文轉載自查看原文 2020-05-15 13:13 1576 JavaScript

<html>
<head>
    <script>
        function enterFullscreen() {
            var docElm = document.documentElement;
            //W3C
            if(docElm.requestFullscreen) {
                docElm.requestFullscreen();
            }
            //FireFox
            else if(docElm.mozRequestFullScreen) {
                docElm.mozRequestFullScreen();
            }
            //Chrome等
            else if(docElm.webkitRequestFullScreen) {
                docElm.webkitRequestFullScreen();
            }
            //IE11
            else if(docElm.msRequestFullscreen) {
                docElm.msRequestFullscreen();
            }
        }
        function exitFullscreen() {
            //W3C
            if (document.exitFullscreen) {
                document.exitFullscreen();
            }
            //FireFox
            else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            }
            //Chrome等
            else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            }
            //IE11
            else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
        }
    </script>
</head>
<body>
    <h1>測試全屏功能</h1>
    <button onclick="enterFullscreen()">進入全屏</button>
    <button onclick="exitFullscreen()">退出全屏</button>
</body>
</html>

轉自： https://blog.csdn.net/ning0_o/article/details/69566590

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JavaScript 操作瀏覽器全屏整理_Js 控制瀏覽器全屏處理 js 實現各瀏覽器全屏瀏覽器全屏的JS代碼實現 JavaScript控制瀏覽器全屏及各種瀏覽器全屏模式的方法、屬性和事件很實用的JS使瀏覽器進入全屏 js 讓瀏覽器全屏模式的方法launchFullscreen 瀏覽器全屏之requestFullScreen全屏與F11全屏瀏覽器全屏插件screenfull.js與全屏狀態監聽 google瀏覽器網頁截取全屏瀏覽器打開自動全屏 chrome