zoukankan      html  css  js  c++  java
  • JS浏览器全屏

    JS浏览器全屏

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<input id="Button1" type="button" value="开启全屏" onclick="kaishi()" />  
    		<input id="Button2" type="button" value="关闭全屏" onclick="guanbi()" />  
    	</body>
    	<script>
    //		 开始全屏
        function kaishi()  
        {  
            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 (elem.msRequestFullscreen) {  
                elem.msRequestFullscreen();  
            }  
        }  
      
    //  退出全屏
        function guanbi() {  
      
      
            if (document.exitFullscreen) {  
                document.exitFullscreen();  
            }  
            else if (document.mozCancelFullScreen) {  
                document.mozCancelFullScreen();  
            }  
            else if (document.webkitCancelFullScreen) {  
                document.webkitCancelFullScreen();  
            }  
            else if (document.msExitFullscreen) {  
                document.msExitFullscreen();  
            }  
        }  
      
      
    //事件监听
    //
    //  document.addEventListener("fullscreenchange", function () {  
    // 
    //      fullscreenState.innerHTML = (document.fullscreen) ? "" : "not ";  
    //      alert("1531");
    //  }, false);  
    //    
    //  document.addEventListener("mozfullscreenchange", function () {  
    //       
    //      fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not ";  
    //  }, false);  
    //   
    //  document.addEventListener("webkitfullscreenchange", function () {  
    //        
    //      fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not ";  
    //  }, false);  
    //    
    //  document.addEventListener("msfullscreenchange", function () {  
    //        
    //      fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not ";  
    //  }, false);  
      
    	</script>
    </html>
    
    
  • 相关阅读:
    mysql/mariadb基于ssl的主从复制
    原创工具binlog2sql:从MySQL binlog得到你要的SQL
    [转]MySQL DBA面试全揭秘
    mysql my.cnf 配置建议
    mysql配置文件 /etc/my.cnf 详细解释
    [转]expect实现ssh自动交互
    Linux中的lo回环接口详细介绍
    Docker最全教程——从理论到实战(五)
    Docker最全教程——从理论到实战(四)
    Docker最全教程——从理论到实战(一)
  • 原文地址:https://www.cnblogs.com/yu-si/p/13139143.html
Copyright © 2011-2022 走看看