jquery：如何知道页面是否没有焦点？

Question

例如，如果用户正在做其他事情但没有查看此页面，jquery / javascript可以知道吗？

我不需要非常准确，只是粗略。

Answer 1

你可以试试这个：

$(window).focus(function(){
  // back in focus
});

和

$(window).blur(function(){
  // no focus 
});

Answer 2

您可能希望在blur或focusout上使用document或window个活动。

$(document).bind('focusout', function() {
    // window or tab just lost the focus
});

那是使用jQuery。你应该玩这个，也使用window对象作为目标。我不太确定这是如何工作的跨浏览器，但它应该表现良好。