html5全屏后，无法用keypress或keydown监听到Esc按键

最新推荐文章于 2024-01-04 10:16:02 发布

原创最新推荐文章于 2024-01-04 10:16:02 发布 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

33 篇文章

订阅专栏

html

7 篇文章

订阅专栏

本文介绍了一种在浏览器中监听Esc按键的方法，通过检测全屏状态来确保按键事件能够被正确捕获。代码示例展示了如何使用JavaScript实现这一功能。

浏览器默认不让监听Esc键

我们有需要在Esc按键后触发事件。代码如下

	//监听窗口退出全屏解决无法监听Esc按键
	window.onresize = function(){
		if(!checkFull()){
		//要执行的动作
			$('#FullScreen').html('<i class="larry-icon larry-quanping">&#xe72f;</i>全屏');
		}
	}

	function checkFull(){
		var isFull =
			document.fullscreenElement ||
			document.mozFullScreenElement ||
			document.webkitFullscreenElement;
	//to fix : false || undefined == undefined
		if(isFull === undefined) isFull = false;
		return isFull;
	}