浏览器全屏API requestFullscreen实现全屏功能

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script>
document.addEventListener("keypress", function(e) {
	// 按下enter
  if (e.keyCode === 13) {
    toggleFullScreen();
  }
}, false);

function toggleFullScreen() {
	if (!document.fullscreenElement) {
	  	document.documentElement.requestFullscreen();
	} else {
		if (document.exitFullscreen) {
		  document.exitFullscreen(); 
		}
	}
}
</script>	
</body>
</html>
发布了96 篇原创文章 · 获赞 15 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_35958891/article/details/103635786