js瀏覽器全屏功能

FullScreen(){
      let el = document.getElementById("preivewChartOuttor")
      this.isFullscreen = !this.isFullscreen
      if(!this.isFullscreen){//退出全屏
        try{
          if(document.exitFullscreen){
            document.exitFullscreen()
          }else if( document.mozCancelFullScreen){
            document.mozCancelFullScreen()
          }else if(document.webkitExitFullscreen){
            document.webkitExitFullscreen()
          }else if(!document.msRequestFullscreen){
            document.msExitFullscreen()
          }
        } catch(e){ }
      } else{    //進入全屏
        try{
          if(el.requestFullscreen){
            el.requestFullscreen()
          }else if(el.mozRequestFullScreen){
            el.mozRequestFullScreen()
          }else if(el.webkitRequestFullscreen){
            el.webkitRequestFullscreen(); 
          }else if(el.msRequestFullscreen){
            // this.isFullscreen=true;
            el.msRequestFullscreen()
          }
        } catch(e){ }
      }
    },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章