angular 项目中全屏 退出全屏 方法

function isFull() {

/*判断是否全屏*/

var isFullscreen = document.fullScreenElement //W3C

||

document.msFullscreenElement //IE

||

document.mozFullScreenElement //火狐

||

document.webkitFullscreenElement //谷歌

||

false;

if (!isFullscreen) {

var el = document.querySelector('.window');

if (el.requestFullscreen) {

el.requestFullscreen();

} else if (el.mozRequestFullScreen) {

el.mozRequestFullScreen();

} else if (el.webkitRequestFullscreen) {

el.webkitRequestFullscreen();

} else if (el.msRequestFullscreen) {

el.msRequestFullscreen();

}

} else {

if (document.exitFullscreen) {

document.exitFullscreen();

} else if (document.msExitFullscreen) {

document.msExitFullscreen();

} else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

} else if (document.webkitCancelFullScreen) {

document.webkitCancelFullScreen();

}

}

}

 

如报错  // 

 error TS2551: Property 'msExitFullscreen' does not exist on type 'Document'. Did you mean 'exitFullscreen'?
 error TS2339: Property 'mozCancelFullScreen' does not exist on type 'Document'.
 error TS2339: Property 'mozCancelFullScreen' does not exist on type 'Document'.
则改写为以下形式

 

fullScreen() {

/*判断是否全屏*/

var ell = document.getElementById('dashboard');

const el = ell as HTMLElement & {

mozRequestFullScreen(): Promise<void>;

webkitRequestFullscreen(): Promise<void>;

msRequestFullscreen(): Promise<void>;

};

console.log(document);

let isFullscreen =

document['fullscreenElement'] || //W3C

document['msFullscreenElement'] || //IE

document['mozFullScreenElement'] || //火狐

document['webkitFullscreenElement'] || //谷歌

false;

if (!isFullscreen) {

if (el.requestFullscreen) {

el.requestFullscreen();

} else if (el.mozRequestFullScreen) {

el.mozRequestFullScreen();

} else if (el.webkitRequestFullscreen) {

el.webkitRequestFullscreen();

} else if (el.msRequestFullscreen) {

el.msRequestFullscreen();

}

} else {

if (document.exitFullscreen) {

document.exitFullscreen();

} else if (document['msExitFullscreen']) {

document['msExitFullscreen']();

} else if (document['mozCancelFullScreen']) {

document['mozCancelFullScreen']();

} else if (document['webkitCancelFullScreen']) {

document['webkitCancelFullScreen']();

}

}

}

错误解除

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值