Javascript 中的 onTab 更改事件

【问题标题】：onTab Change event in JavascriptJavascript 中的 onTab 更改事件
【发布时间】：2016-02-20 21:00:22
【问题描述】：

javascript 中是否有任何 onTab 更改事件。就像当用户移动到新标签时一样，就会触发一个事件。

我尝试过 onfocus 、 onblur 、添加监听器，但它们在不同浏览器中的行为不同。那么在java脚本中更改选项卡时是否可以创建任何事件？

我尝试了以下链接

Event for when user switches browser tabs

也试过了 https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

但事件又是不正确的

【问题讨论】：

标签： javascript

【解决方案1】：

焦点/模糊事件应该可以工作，但我建议你在窗口上听而不是记录（如果你这样做了）：

if (document.addEventListener) {
    window.addEventListener('focus', onFocus, 1);
    window.addEventListener('blur', onBlur, 1);
} else {
    // For IEs older than IE10
    document.attachEvent('onfocusin', onFocus);
    document.attachEvent('onfocusout', onBlur);
}

如果这真的不起作用，Page Visibility API should be covered 足够并且可以正常工作。如果您想支持一些较旧的浏览器或只是想确保涵盖所有可能的情况，我建议您使用visibly.js by Addy Osmani。

【讨论】：