js监听全屏下的esc事件

最新推荐文章于 2024-08-21 15:54:35 发布

最新推荐文章于 2024-08-21 15:54:35 发布 · 2.3k 阅读

文章标签：

#JavaScript #esc #ViewUI

本文介绍了一种使用JavaScript监听浏览器窗口大小变化的方法，并在窗口尺寸改变且非全屏模式下触发特定业务逻辑。通过定义checkFull()函数检查当前页面是否处于全屏状态。

window.onresize = function() {
			if (!checkFull()) {
				//触发esc事件，执行业务逻辑。
			}
		};

		function checkFull() {
			var isFull = document.fullscreenEnabled
					|| window.fullScreen
					|| document.webkitIsFullScreen
					|| document.msFullscreenEnabled;

			if (isFull === undefined)
				isFull = false;
			return isFull;
		}