js浏览器全屏设置

最新推荐文章于 2024-07-19 15:49:07 发布

EastRiseJi

最新推荐文章于 2024-07-19 15:49:07 发布

阅读量7.3w

点赞数

分类专栏：前端开发文章标签： js 全屏 html

本文链接：https://blog.csdn.net/EastRiseJi/article/details/80838748

版权

前端开发专栏收录该内容

24 篇文章 0 订阅

订阅专栏

`1. 进入全屏`

function requestFullScreen () {
  var elem = document.documentElement
  if (elem.requestFullscreen) {
    elem.requestFullscreen()
  } else if (elem.mozRequestFullScreen) {
    elem.mozRequestFullScreen()
  } else if (elem.webkitRequestFullScreen) {
    elem.webkitRequestFullScreen()
  } else if (elem.msRequestFullscreen) {
    // elem.msRequestFullscreen() 没有指定元素
    document.body.msRequestFullscreen()
  }
}

`2. 退出全屏`

function exitFullscreen () {
  var doc = document
  if (doc.exitFullscreen) {
    doc.exitFullscreen()
  } else if (doc.mozCancelFullScreen) {
    doc.mozCancelFullScreen()
  } else if (doc.webkitCancelFullScreen) {
    doc.webkitCancelFullScreen()
  } else if (doc.msExitFullscreen) {
    document.msExitFullscreen()
  }
}