王新阳

调用浏览器的 Fullscreen API 来实现点击按钮后让整个页面（或指定元素）进入全屏模式

var btn=document.getElementById('fullscreenBtn');
btn.addEventListener('click', function(){
	if (document.fullscreenElement && document.exitFullscreen) {
		document.exitFullscreen();
		return;
	}

	// 获取整个文档根元素（通常是 ）
	const elem = document.documentElement;

	// 尝试进入全屏（兼容不同浏览器前缀）
	if (elem.requestFullscreen) {
		elem.requestFullscreen();
	} else if (elem.mozRequestFullScreen) { /* Firefox */
		elem.mozRequestFullScreen();
	} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari, Edge */
		elem.webkitRequestFullscreen();
	} else if (elem.msRequestFullscreen) { /* IE11 */
		elem.msRequestFullscreen();
	} else {
		alert('您的浏览器不支持全屏功能');
	}
});