其他分享
首页 > 其他分享> > vue 全屏简单方法 方便以后复制黏贴

vue 全屏简单方法 方便以后复制黏贴

作者:互联网

data:

data() {
	 return {
		  fullscreen: false
	 };
},

js:

//全屏
fullScreen(){
	let element = document.documentElement;
	if (this.fullscreen) {
		if (document.exitFullscreen) {
			document.exitFullscreen();
		} else if (document.webkitCancelFullScreen) {
			document.webkitCancelFullScreen();
		} else if (document.mozCancelFullScreen) {
			document.mozCancelFullScreen();
		} else if (document.msExitFullscreen) {
			document.msExitFullscreen();
		}
	} else {
		if (element.requestFullscreen) {
			element.requestFullscreen();
		} else if (element.webkitRequestFullScreen) {
			element.webkitRequestFullScreen();
		} else if (element.mozRequestFullScreen) {
			element.mozRequestFullScreen();
		} else if (element.msRequestFullscreen) {
			// IE11
			element.msRequestFullscreen();
		}
	}
	this.fullscreen = !this.fullscreen;
},

标签:fullscreen,vue,webkitCancelFullScreen,黏贴,else,全屏,msExitFullscreen,element,docume
来源: https://blog.csdn.net/weixin_45326146/article/details/121255467