Angular 进入页面全屏实现

• html代码：
• ts代码：

html代码：

<div  style=" width: 100%;height: 100%;background: #000000;" id="full-screen-five"><h1 (click)="textClick()">点击全屏/退出全屏h1>
div>

ts代码：

  textClick() {/*判断是否全屏*/var ell = document.getElementById('full-screen-five');const el = ell as HTMLElement & {mozRequestFullScreen(): Promise<void>;webkitRequestFullscreen(): Promise<void>;msRequestFullscreen(): Promise<void>;};let isFullscreen =document['fullscreenElement'] || //W3Cdocument['msFullscreenElement'] || //IEdocument['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']();}}}

js/

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！