javascript - 浏览器选项卡或应用程序开关？

Question

是否可以区分这些浏览器事件？

• 用户单击了同一浏览器中的另一个选项卡，隐藏了我现在应该暂停的选项卡。
• 他们已切换到另一个应用程序。我的标签可能仍然可见，在这种情况下它应该保持运行。

AFAICS，在每种情况下都会引发相同的模糊/焦点 DOM 事件，因此它们对我没有帮助。

换句话说，是否可以确定选项卡是否实际显示给用户？

（顺便说一句，如果它有什么不同，我不需要它在 IE 或任何其他非 WebGL 浏览器中工作。）

Answer 1

您可以绑定事件focus并使其工作blur。window

这是示例

$(window).focus(function() {
   //play
});

$(window).blur(function() {
   //pause
});