js实现点击按钮使div元素全屏显示

js实现点击按钮使div元素全屏显示

<img class="fullImg" src="@/assets/images/full_screen.png" alt="" @click="handleFullScreen">

handleFullScreen() {
      let element = this.$refs.leftBox;
      if(this.fullscreen) {
        if(document.exitFullscreen) {
          document.exitFullscreen();
        } else if(document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        } else if(document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if(document.msExitFullscreen) {
          document.msExitFullscreen();
        }
        this.fullscreen = false;
      } else {
        if(element.requestFullscreen) {
          element.requestFullscreen();
        } else if(element.webkitRequestFullScreen) {
          element.webkitRequestFullScreen();
        } else if(element.mozRequestFullScreen) {
          element.mozRequestFullScreen();
        } else if(element.msRequestFullscreen) {
          // IE11
          element.msRequestFullscreen();
        }
        this.fullscreen = true;
      }
    }