js 实现浏览器全屏,直接调用本方法即可

原创已于 2022-06-06 17:22:22 修改 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #全屏显示页面 #全屏显示 #vue实现全屏显示

于 2021-12-28 11:14:09 首次发布

昨天不是才上过班吗?怎么今天又要上班? 专栏收录该内容

100 篇文章

订阅专栏

这段代码展示了如何使用JavaScript实现浏览器全屏功能，利用了不同的浏览器API如requestFullScreen、webkitRequestFullScreen、mozRequestFullScreen和msRequestFullScreen。对于不支持这些方法的Internet Explorer，它通过创建WScript.Shell对象并发送F11按键来实现全屏切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

requestFullScreen() {
	let element = document.documentElement;
	let requestMethod = element.requestFullScreen || //W3C
		element.webkitRequestFullScreen || //Chrome
		element.mozRequestFullScreen || //FireFox
		element.msRequestFullScreen; //IE11
	if (requestMethod) {
		requestMethod.call(element);
	} else if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorer
		let wscript = new ActiveXObject("WScript.Shell");
		if (wscript !== null) {
			wscript.SendKeys("{F11}");
		}
	}
},