js 控制浏览器全屏

问题描述:

 

 

浏览器进行图片大图预览,需要把浏览器的地址栏也全都覆盖住,全屏展示

解决方法:

function enterfullscreen() { //进入全屏
      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 exitfullscreen() { //退出全屏
    if(document.exitFullscreen) {
        document.exitFullscreen();
    } else if(document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if(document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    } else if(document.msExitFullscreen) {
        document.msExitFullscreen();
    }

 

posted @ 2021-01-13 20:18  沁猿春  阅读(561)  评论(1)    收藏  举报