实现全屏操作

最新推荐文章于 2024-04-28 08:02:36 发布

发福爹

最新推荐文章于 2024-04-28 08:02:36 发布

阅读量591

点赞数 1

分类专栏： VUE

VUE 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

data() {
    return {
      isShowFullScreen: true, // 全屏or退出全屏标志
      doc: document.documentElement
    }
  },

keyUp(element) {
   this.isShowFullScreen = !this.isShowFullScreen
    if (element.requestFullscreen) {
      element.requestFullscreen()
    } else if (element.mozRequestFullScreen) {
      element.mozRequestFullScreen()
    } else if (element.webkitRequestFullscreen) {
      element.webkitRequestFullscreen()
    } else if (element.msRequestFullscreen) {
      element.msRequestFullscreen()
    }
  }