javascript - 确定浏览器选项卡是否处于事件状态？ - IE？

Question

我看过这个:

How to tell if browser/tab is active

和:

Is there a reliable way to determine if a browser tab or window is inactive or not in focus?

第一个链接为现代浏览器提供了解决方案，但在 IE7/8 中不起作用。这两个问题都相当古老。确定访问者是否正在查看他们打开的标签页的问题是否有解决方案？

几乎所有我尝试过的东西都在 Chrome 中运行良好。但是 IE7 就失败了。

我只想设置一个全局变量来说明该页面是否正在被查看。

即

var isActive = true;

$(window).focus(function() {
    isActive = true;
});

$(window).blur(function() {
    isActive = false;
});

// test
setInterval(function () {
  console.log(window.isActive ? 'active' : 'inactive'); 
}, 1000);

Answer 1

经过大量谷歌搜索...然后更多...然后更多...4 小时左右我终于找到了这个隐藏在互联网深处的链接。评论表明存在一个小错误，但它可以满足我的需要。

http://www.thefutureoftheweb.com/blog/detect-browser-window-focus

var isActive = true;
function onBlur() {
    isActive = false;
};
function onFocus(){
    isActive = true;
};

if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}