window.onblur

window.onblur是一个事件，当窗口失去焦点时触发。这个事件可以用来停止计时或者暂停播放，以便在用户离开当前页面时停止相关操作。然而，这种方法有一个缺点，即如果在当前页面上铺上一个小窗口，当前页面会暂停动画或播放，这可能会产生不希望的效果。另一种方法是使用HTML5的Page Visibility API来实现。该API提供了document.visibilityState属性来表示页面的可见性状态，其中包括hidden（页面在后台标签页中或者浏览器最小化）、visible（页面在前台标签页中）、prerender（页面在屏幕外执行预渲染处理）和unloaded（页面正在从内存中卸载）。通过监听visibilitychange事件，可以在文档从可见变为不可见或者从不可见变为可见时执行相应的操作。例如，可以使用下面的代码来获取窗口焦点：

window.addEventListener('visibilitychange', function() {
if (document.hidden) {
// 失去焦点
} else {
// 获取焦点
}
});

使用这种方法可以更精确地判断窗口的焦点状态，而不会受到窗口覆盖的影响。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* *2* [JS 捕获浏览器焦点事件](https://blog.csdn.net/github_38336924/article/details/103850897)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]