javascript - 检测 JavaScript 中的选项卡/窗口激活

Question

当我在 Firefox 中激活标签时，Google+ 似乎会检查通知更新

每次我激活它时它都会显示“0”，但在那之后的几秒钟内会变成一些新的通知。

允许利用该事件的机制是什么？是否有特定的 DOM 事件？还是他们正在使用类似 onmouseover 处理程序的东西，并认为任何类型的事件都是选项卡激活的充分指示？

Answer 1

只是一个猜测，因为我没有所有相关的浏览器都可用于测试。

如何在 window 上使用 focus 事件。每当用户单击某处时，都会调用它，但也会在切换选项卡时调用。要区分用户在页面上的操作和用户切换到页面，您可以检查事件的 explicitOriginalTarget 是否指向 window。

window.onfocus=function(event){
    if(event.explicitOriginalTarget===window){
        console.log('switched from tab');
    }
}