如何使用js全屏事件？

最新推荐文章于 2024-01-22 13:13:28 发布

她说她一如既往的爱我

最新推荐文章于 2024-01-22 13:13:28 发布

阅读量214

点赞数 9

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_62980497/article/details/134449903

版权

今天给大家分享一下js中如何全屏事件，如何实现

// 全屏
function qp() {
	var de = document.documentElement;
	if (de.requestFullscreen) {
		de.requestFullscreen();
	} else if (de.mozRequestFullScreen) {
		de.mozRequestFullScreen();
	} else if (de.webkitRequestFullScreen) {
		de.webkitRequestFullScreen();
	}
	$("#bre").css("display","none")
	$("#bres").css("display","block")

	
}

请看里面的derequestfullsreen的意思就是全屏的意思，判断全屏加入de.requseyfullscreen()

否则如果呢demzrequesyfullscreen

函数后面命名的是你的点击事件全屏的图标当然了你也可以使用键盘进行全屏，需要的可以拿走使用，

现在呢我给大家写一下js中如何退出全屏同理函数后面声明的是你的点击事件οnclick=”but（）

function tcqp(){
		$("#bre").css("display","block")
			$("#bres").css("display","none")

		if (document.exitFullscreen) {
			document.exitFullscreen();
			console.log(1);
		} else if (document.mozCancelFullScreen) {
			document.mozCancelFullScreen();
			console.log(2);
		} else if (document.webkitExitFullscreen) {
			document.webkitExitFullscreen();
			console.log(3);
		}
}

这里呢document.exitfuscreen是退出全屏的意思在进行判断判断document.exitfulllscreen否则判断document.mozcancelfullseceen