javascript 浏览器全屏全屏

Posted 2021-05-03

    fullScreenFun: function() {
      let self = this;
      var fullscreenEnabled =
        document.fullscreenEnabled ||
        document.mozFullScreenEnabled ||
        document.webkitFullscreenEnabled ||
        document.msFullscreenEnabled;
      if (fullscreenEnabled) {
        let de = document.documentElement;
        if (!this.fullScreen) {
          this.fullScreen = true
          if (de.requestFullscreen) {
            de.requestFullscreen();
          } else if (de.mozRequestFullScreen) {
            de.mozRequestFullScreen();
          } else if (de.webkitRequestFullScreen) {
            de.webkitRequestFullScreen();
          }

        } else {
          this.fullScreen = false
          if (document.exitFullscreen) {
            document.exitFullscreen();
          } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
          } else if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen();
          }
        }
      } else {
        self.fullScreenInfo = "浏览器当前不能全屏";
      }