前端js全屏与退出全屏

最新推荐文章于 2024-05-21 23:21:19 发布

UpSeven0

最新推荐文章于 2024-05-21 23:21:19 发布

阅读量73

点赞数

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

本文链接：https://blog.csdn.net/qq_34811855/article/details/133383129

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

screenFun() { // 全屏与退出全屏
      if (this.isScreen) {
        if (document.exitFullscreen) {
          document.exitFullscreen();
        } else if (document.msExitFullscreen) {
          document.msExitFullscreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        } else {
          window.parent.showTopBottom();
        }
        this.isScreen = false;
      } else {
        const 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();
        }
        this.isScreen = true;
      }
    },