H5点击按钮，实现浏览器全屏模式代码

最新推荐文章于 2023-10-23 15:35:23 发布

weixin_30527323

最新推荐文章于 2023-10-23 15:35:23 发布

阅读量449

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/flsummer/p/7459038.html

版权

<button class="fullBtn">点击实现全屏</button>

$('.fullBtn').on('click', function() {

         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();
         }
      });