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删除。

猜您在找 web开发中使用html/css全屏铺开显示 html手机端全屏显示和溢出问题 PC页面全屏显示以及退出全屏显示 HTML中的全屏设置 html5——全屏滚动 Android Dialog全屏显示 iframe全屏显示关于activity的全屏显示如何设置html中的背景图片（全屏显示，且不拉伸） html-css控制背景图全屏拉伸不重复显示