HTML全屏JS方法

最新推荐文章于 2024-07-26 19:01:19 发布

网顺技术团队

最新推荐文章于 2024-07-26 19:01:19 发布

阅读量327

点赞数

分类专栏： html 文章标签： javascript html 前端

本文链接：https://blog.csdn.net/qq_44664329/article/details/122510168

版权

html 专栏收录该内容

7 篇文章 6 订阅

订阅专栏

function toggleFullScreen() {
	if (!document.fullscreenElement && // alternative standard method
		!document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methods
		if (document.documentElement.requestFullscreen) {
			document.documentElement.requestFullscreen();
		} else if (document.documentElement.mozRequestFullScreen) {
			document.documentElement.mozRequestFullScreen();
		} else if (document.documentElement.webkitRequestFullscreen) {
			document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
		}
	} else {
		if (document.cancelFullScreen) {
			document.cancelFullScreen();
		} else if (document.mozCancelFullScreen) {
			document.mozCancelFullScreen();
		} else if (document.webkitCancelFullScreen) {
			document.webkitCancelFullScreen();
		}
	}
}