Javascript 当网页聚焦时发生的事件

Google Reader有一个很好的功能，当你从另一个网页切换到该网页时（给予该网页焦点），它会向你显示该网页在未聚焦时累积的更新。
快速问题1：他们是如何做到的

我认为它们可能绑定到鼠标移动事件+键盘事件，因为我不知道任何现成的事件可以提供这种功能

谷歌搜索这是一场噩梦（焦点、标签、网页、用户）

快速问题#2：有没有什么软件包可以让我具备这种能力

我将jQuery标记作为所有web开发人员忍者的灯塔，但我并不真正关心框架（只要它的Javascript）

在

文档

对象上使用

聚焦

（focusin）和

聚焦

（blur）：

$(document).bind('focus', function() {
   console.log('welcome (back)');
}).bind('blur', function() {
   console.log('bye bye');
});

尝试使用jQuery的和函数：

$（窗口）.focus（函数（）{
console.log（'welcome（back）'）；
});
$（窗口）.blur（函数（）{
console.log（'bye-bye'）；
});

单击此帧的进出以测试聚焦和模糊功能。
我在FF和
文档中进行了测试。当我切换到该窗口时，会调用onfocus
。


document.addEventListener（“焦点”，函数（）{
console.log（“焦点页面”）
})
document.addEventListener（“blur”，function（））{
console.log（“页面失焦”）
})
其他答案中讨论的焦点/模糊事件与实际的可见性API之间存在差异。这方面最好的资源是MDN:
上的文档，我认为OP不希望每次页面上的任何字段收到焦点时都收到通知。就在您切换到页面时，jquery焦点的行为与悬停（function（），function（））不同（这很遗憾），我需要为“focusOut”Aight lol.Ofc绑定模糊事件。您是对的。我错了，我把两个都换了。它应该像你说的那样：）将是一个很好的功能。感谢您改进并接受它：）。