Angular 全屏方法

1,097 阅读1分钟
public fullscreenToggle(elem: any = document.documentElement): void{
    if(!document.fullscreenElement && !document.webkitFullscreenElement) {
      const docElm = elem;
      if(docElm.requestFullscreen){
        docElm.requestFullscreen();
        this.isFullscreen = true;
      } else if (docElm.mozRequestFullscreen) {
        docElm.mozRequestFullscreen();
        this.isFullscreen = true;
      } else if (docElm.webkitRequestFullscreen) {
        docElm.webkitRequestFullscreen();
        this.isFullscreen = true;
      } else if (docElm.msRequestFullscreen) {
        docElm.msRequestFullscreen();
        this.isFullscreen = true;
      }
    } else {
      if(document.exitFullscreen) {
        document.exitFullscreen();
        this.isFullscreen = false;
      } else if (document.webkitCancelFullscreen) { 
        this.isFullscreen = false;
        document.webkitCancelFullscreen();
      }
    }
  }

在开发当中

document.webkitFullscreenElement;//ts会报错

只需要:

就编译就不会报错了