【JS】全屏事件

全屏事件

 handleFullScreen(){
     let element = document.documentElement;
     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();
         }
     } 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 = !this.fullscreen;
 }