如何检测浏览器窗口是否关注？

Question

仅当窗口在后台时，我的页面才会发出通知声音。我可以跟踪window.onfocus和window.onblur事件，以便注意焦点状态何时发生变化。但是，我不知道窗口是否会加载焦点，因为它可能会加载到背景选项卡中。例如。

在收到onfocus / onblur事件之前，如何决定是否播放声音？

Answer 1

难道你不能假设它被加载模糊，然后在收到任何类型的事件（keydown / mousemove）后立即将状态更改为焦点吗？

Answer 2

当页面最初打开时（在前台），应该触发onfocus事件。至少它在FF3 / IE8中。

因此，您可以在最初发出声音，在触发onfocus时将其关闭，并在触发onb​​lur时将其重新打开。