欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

网页的全屏切换

程序员文章站 2024-02-21 14:39:46
...
 // 进入全屏
  enterFullScreen() {
    const de = document.documentElement;
    if (de.requestFullscreen) {
      de.requestFullscreen();
    } else if (de.mozRequestFullScreen) {
      de.mozRequestFullScreen();
    } else if (de.webkitRequestFullScreen) {
    de.webkitRequestFullScreen();
    }

  }
 // 退出全屏
    exitFullScreen() {
      const de = document;
      if (de.exitFullscreen) {
        de.exitFullscreen();
      } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
      } else if (de.webkitCancelFullScreen) {
        de.webkitCancelFullScreen();
      }

}

typescript编译报错:

Typescript error :Property mozRequestFullScreen' does not exist on type 'HTMLElement'.

解决:

网页的全屏切换

html5 实现的全屏模式下的问题与解决

参考文档:https://blog.csdn.net/xif3681/article/details/81303037

参考文档:https://blog.csdn.net/xif3681/article/details/81295751

参考文档:https://www.cnblogs.com/freeweb/p/5736411.html

相关标签: 网页全屏