浏览器屏幕全屏模式改变事件

/*
屏幕全屏模式改变事件:
当成功进入全屏模式后,document会收到一个fullscreenchange事件。当退出全屏状态后,document又会收到fullscreenchange事件
*/

// 开启全屏模式
function launchFullScreen(element){
  if(element.requestFullscreen){
    element.requestFullscreen();
  } else if (element.mozRequestFullScreen){
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullscreen){
    element.webkitRequestFullscreen();
  } else if (element.msRequestFullscreen){
    element.msRequestFullscreen();
  }
}

// 关闭全屏模式
function exitFullScreen(){
  if (document.exitFullscreen) {
    document.exitFullscreen()
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen()
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen()
  }
}

 

posted @ 2018-04-02 21:33  Ss-ss  阅读(719)  评论(0编辑  收藏  举报