div 全屏

【这个世界会好的】

于 2022-03-10 09:24:14 发布

阅读量480

点赞数 1

文章标签： javascript html5 开发语言

原文链接：https://blog.youkuaiyun.com/m0_52539553/article/details/118963947

版权

1、div
<div class="index_main" id="center">

</div>

2、js

let fullarea = document.getElementById('center')
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 (fullarea.requestFullscreen) {
    fullarea.requestFullscreen();
  } else if (fullarea.webkitRequestFullScreen) {
    fullarea.webkitRequestFullScreen();
  } else if (fullarea.mozRequestFullScreen) {
    fullarea.mozRequestFullScreen();
  } else if (fullarea.msRequestFullscreen) {
    // IE11
    fullarea.msRequestFullscreen();
  }
}
this.fullscreen = !this.fullscreen;