JavaScript控制页面全屏

function fullScreenFun() {
    var iFullscreen = false; //当前是否全屏状态
    var fullscreenEnabled = document.fullscreenEnabled ||
      document.mozFullScreenEnabled ||
      document.webkitFullscreenEnabled ||
      document.msFullscreenEnabled;

    if (fullscreenEnabled) {
      let de = document.documentElement;
      if (iFullscreen) {
        //关闭全屏
        if (document.exitFullscreen) {
          document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        }
      } else {
        //打开全屏
        if (de.requestFullscreen) {
          de.requestFullscreen();
        } else if (de.mozRequestFullScreen) {
          de.mozRequestFullScreen();
        } else if (de.webkitRequestFullScreen) {
          de.webkitRequestFullScreen();
        }
      }
    } else {
      alert('浏览器当前不能全屏');
    }
  }

  

posted @ 2021-12-24 15:39  秋墨江雪  阅读(140)  评论(0编辑  收藏  举报