码迷,mamicode.com
首页 > 其他好文 > 详细

typescript设置全屏

时间:2018-12-21 18:43:45      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:解决方法   设置   eof   efi   screen   turn   let   play   call   

fullScreen() {
    document.getElementById("fullScreen").style.display = "none";
    document.getElementById("exitScreen").style.display = "block";
    let el = document.documentElement as any;
    let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
    if (typeof rfs != "undefined" && rfs) {
      rfs.call(el);
    };
    return;
  }

  //退出全屏
  exitScreen() {
    document.getElementById("fullScreen").style.display = "block";
    document.getElementById("exitScreen").style.display = "none";
    let cfs = document as any;
    if (cfs.exitFullscreen) {
      cfs.exitFullscreen();
    }
    else if (cfs.webkitCancelFullScreen) {
      cfs.webkitCancelFullScreen();
    }
    else {
      cfs.msExitFullscreen();
    }
  }

  特别注意:typescript的类型检查时,document内会报msRequestFullscreen不是documentElement的属性。解决方法:重新赋值document as any即可

typescript设置全屏

标签:解决方法   设置   eof   efi   screen   turn   let   play   call   

原文地址:https://www.cnblogs.com/PearlRan/p/10157398.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!