JS 控制全屏方法

最新推荐文章于 2024-02-26 15:34:12 发布

iuvc

最新推荐文章于 2024-02-26 15:34:12 发布

阅读量2.3k

点赞数 3

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_42927679/article/details/128080513

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JS 控制全屏方法

记录下项目中用到的js控制全屏方法，需要注意的是，各浏览器为了用户体验，禁止js自动全屏，意味着需要用户与浏览器交互才能触发以下全屏API。

let element = document.documentElement
// 退出全屏
if (document.exitFullscreen) {
  document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
  document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
  document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
  document.msExitFullscreen()
}
// 进入全屏
if (element.requestFullscreen) {
  element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
  element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
  element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) { // IE11
  element.msRequestFullscreen()
}