Browser标签或应用程序开关？

Question

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

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

AFAICS，在每个场景中都会引发相同的模糊/焦点DOM事件，所以它们对我没有帮助。

换句话说，是否可以确定是否实际向用户显示了标签？

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

Answer 1

您可以在focus上绑定事件blur和window，以使其有效。

以下是样本

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

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