JS实现网页全屏与退出全屏

最新推荐文章于 2025-04-01 15:45:39 发布

沈荣荣

最新推荐文章于 2025-04-01 15:45:39 发布

阅读量7.2k

点赞数

分类专栏： JS实现网页全屏与退出全屏文章标签： JS实现网页全屏与退出全屏

本文链接：https://blog.youkuaiyun.com/u010251897/article/details/53585781

版权

本文介绍了如何使用JavaScript实现网页的全屏及退出全屏功能，包括标准方法和针对不同浏览器的兼容性处理，如requestFullScreen、mozRequestFullScreen、webkitRequestFullScreen等以及exitFullscreen、mozCancelFullScreen等相关API的使用。

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

$('#alarm-fullscreen-toggler').on('click', function(e) {
		var element = document.documentElement;
		if (!$('body').hasClass("full-screen")) {
			$('body').addClass("full-screen");
			$('#alarm-fullscreen-toggler').addClass("active");
			if (element.requestFullscreen) {
				element.requestFullscreen();
			} else if (element.mozRequestFullScreen) {
				element.mozRequestFullScreen();
			} else if (element.webkitRequestFullscreen) {
				element.webkitRequestFullscreen();
			} else if (element.msRequestFullscreen) {
				element.msRequestFullscreen();
			}

		} else {
			$('body').removeClass("full-screen");
			$('#alarm-fullscreen-toggler').removeClass("active");
			if (document.exitFullscreen) {

最低0.47元/天解锁文章