html全屏顯示

本文轉載自查看原文 2018-06-14 11:32 1160 html

JavaScript代碼:

function toggleFullScreen() {  
    if (!document.fullscreenElement && // alternative standard method  
        !document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methods  
        if (document.documentElement.requestFullscreen) {  
            document.documentElement.requestFullscreen();  
        } else if (document.documentElement.mozRequestFullScreen) {  
            document.documentElement.mozRequestFullScreen();  
        } else if (document.documentElement.webkitRequestFullscreen) {  
            document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);  
        }  
    } else {  
        if (document.cancelFullScreen) {  
            document.cancelFullScreen();  
        } else if (document.mozCancelFullScreen) {  
            document.mozCancelFullScreen();  
        } else if (document.webkitCancelFullScreen) {  
            document.webkitCancelFullScreen();  
        }  
    }  
}

html代碼

<html ondblclick='toggleFullScreen();'>

免責聲明！

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

猜您在找 HTML經典頁面布局，任何分辨率下，全屏顯示 HTML設置body背景圖片全屏顯示 web開發中使用html/css全屏鋪開顯示 html手機端全屏顯示和溢出問題 HTML頁面全屏/退出全屏 PC頁面全屏顯示以及退出全屏顯示 [HTML]JS全屏代碼 HTML5實現全屏 HTML5 全屏特性 HTML5實現全屏