JS 点击全屏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>   <head>     <title>New Document</title>     <meta name="Generator" content="EditPlus">     <meta name="Author" content="">     <meta name="Keywords" content="">     <meta name="Description" content="">   </head>   <body>     <button id="view-fullscreen">Fullscreen</button>     <button id="cancel-fullscreen">Cancel fullscreen</button>     <script>       var viewFullScreen = document.getElementById("view-fullscreen");       if (viewFullScreen) {         viewFullScreen.addEventListener("click",         function() {           var docElm = document.documentElement;           if (docElm.requestFullscreen) {             docElm.requestFullscreen();           } else if (docElm.msRequestFullscreen) {             docElm.msRequestFullscreen();           } else if (docElm.mozRequestFullScreen) {             docElm.mozRequestFullScreen();           } else if (docElm.webkitRequestFullScreen) {             docElm.webkitRequestFullScreen();           }         },         false);       }       var cancelFullScreen = document.getElementById("cancel-fullscreen");       if (cancelFullScreen) {         cancelFullScreen.addEventListener("click",         function() {           if (document.exitFullscreen) {             document.exitFullscreen();           } else if (document.msExitFullscreen) {             document.msExitFullscreen();           } else if (document.mozCancelFullScreen) {             document.mozCancelFullScreen();           } else if (document.webkitCancelFullScreen) {             document.webkitCancelFullScreen();           }         },         false);       }     </script>   </body>

</html>

转载于:https://www.cnblogs.com/mrt-yyy/p/5669784.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值