用户切换浏览器标签时的事件

Question

我正在寻找一个在用户从页面切换到另一个选项卡时触发的事件，以及当用户再次切换回选项卡时触发的另一个事件。

window.onblur和window.onfocus似乎无法在所有浏览器中正常工作

是否有我可以查看的代理来合成此事件？

Answer 1

您可以尝试使用提供跨浏览器支持的框架，例如 MooTools 或 jQuery。 他们应该能够更可靠地检测浏览器窗口的blur和focus事件。

我个人使用 jQuery 非常成功：

$(window).blur(function(e) {
    // Do Blur Actions Here
});
$(window).focus(function(e) {
    // Do Focus Actions Here
});

Answer 2

您也可以尝试使用VisibilityAPI 。

document.addEventListener("visibilitychange", function() {
    if (document.hidden){
        console.log("Browser tab is hidden")
    } else {
        console.log("Browser tab is visible")
    }
});

另请参阅 Stackoverflow 上的此处（可能重复）