确定网页是否具有前台窗口焦点/是否为活动选项卡？

Question

如果我可以检测到页面不再集中，我希望能够静音我的应用程序的活动。例如，如果页面在后台选项卡中或另一个应用程序有焦点，我想禁用持续轮询脚本或将模式通知切换到新的 HTML5 通知 API。

有没有办法用 JS 搞定，如果有，支持哪些浏览器？

PS - 我见过this，但不知道它是否适用于我想要做的事情。有人有什么见解吗？

Answer 1

您可以在window 上监听blur 事件，然后当用户回来时，您可以使用focus 事件：

这是一个 jQuery 的例子：

$(window).blur(disableStuff).focus(enableStuff);

或者在纯 JavaScript 中：

window.onblur = disableStuff;
window.onfocus = enableStuff;