html5 自帶全屏API調用方法

function FullScreen(){
          var el = $('html')[0];//要全屏的元素,若是要全頁面全屏,建議使用html節點而不是body節點
          var isFullscreen=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;
          if(!isFullscreen){//進入全屏,多重短路表達式
              (el.requestFullscreen&&el.requestFullscreen())||
              (el.mozRequestFullScreen&&el.mozRequestFullScreen())||
              (el.webkitRequestFullscreen&&el.webkitRequestFullscreen())||(el.msRequestFullscreen&&el.msRequestFullscreen());
          }else{    //退出全屏,三目運算符
              document.exitFullscreen?document.exitFullscreen():
              document.mozCancelFullScreen?document.mozCancelFullScreen():
              document.webkitExitFullscreen?document.webkitExitFullscreen():'';
          }
 }

直接調用該方法便可。html

使用esc鍵退出全屏。web

此方法的全屏和F11的全屏仍是有區別的。spa

相關文章
相關標籤/搜索