js 操作全屏切换的方法

最新推荐文章于 2023-11-09 20:44:26 发布

qzhcode

最新推荐文章于 2023-11-09 20:44:26 发布

阅读量719

点赞数

分类专栏： js相关文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_45880538/article/details/122996182

版权

js相关专栏收录该内容

8 篇文章

订阅专栏

js 操作全屏切换的方法

// Vue项目中全屏按钮的点击事件
launchFullScreen() {
      const isFullScreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement
      if (!isFullScreen) {
        if (document.body.requestFullscreen) {
          document.body.requestFullscreen()
        } else if (document.body.mozRequestFullScreen) {
          document.body.mozRequestFullScreen()
        } else if (document.body.webkitRequestFullscreen) {
          document.body.webkitRequestFullscreen()
        } else if (document.body.msRequestFullscreen) {
          document.body.msRequestFullscreen()
        }
      } else {
        if (document.exitFullscreen) {
          document.exitFullscreen()
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen()
        } else if (document.webkitExitFullscreen) {
          document.webkitExitFullscreen()
        }
      }
    },