在Javascript中，如何检测浏览器窗口在视图中？

Question

我意识到，你可以使用这样的事情很容易地检查重点：

var hasFocus = true; 
$(window).blur(function(){ 
    hasFocus = false; 
}); 
$(window).focus(function(){ 
    hasFocus = true; 
}); 

然而，这仍然将等于假，例如当用户有浏览器窗口的第二屏幕上打开的工作时第一个屏幕在不同的应用程序。

这是用于报告实时数据的实时应用程序，并且我不希望在用户在选项卡中应用程序或最小化应用程序时进行长轮询，但我确实想要在运行时进行轮询窗口在视图中（即使它没有被聚焦）。

有没有办法检查窗口是否显示？ （在较旧的浏览器中工作最好？）

Answer 1

var hasFocus = true; 
$(window) 
.focus(function(eventObject){ 
    eventObject.stopPropagation(); 
    hasFocus = true; 
}) 
.blur(function(eventObject){ 
    eventObject.stopPropagation(); 
    hasFocus = false; 
});