前端全屏切换函数

最新推荐文章于 2024-07-02 13:53:45 发布

MDISLXT

最新推荐文章于 2024-07-02 13:53:45 发布

阅读量216

点赞数

文章标签： vue.js javascript 前端

原文链接：https://blog.csdn.net/ZiChen_Jiang/article/details/108748631

版权

全屏切换函数

handleFullScreen: function () {
  let element = document.documentElement
  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 (element.requestFullscreen) {
      element.requestFullscreen()
    } else if (element.webkitRequestFullScreen) {
      element.webkitRequestFullScreen()
    } else if (element.mozRequestFullScreen) {
      element.mozRequestFullScreen()
    } else if (element.msRequestFullscreen) {
      // IE11
      element.msRequestFullscreen()
    }
  }
  this.fullscreen = !this.fullscreen
}