如何确定用户是否已切换到当前浏览器的另一个选项卡

Question

我想确定使用jquery或javascript,即用户是否在同一浏览器上切换了标签？

即如果用户当前站在浏览器上说mozilla-firefox选项卡1号,现在他已经打开了另一个选项卡,表示选项卡2,此时会出现一个弹出窗口,其中显示消息"tab changed changed"

Answer 1

没有jQuery

window.onblur = function () {
    // do some stuff after tab was changed e.g.
    alert('You switched the tab');
}

用jQuery:

$('window').blur(function () {
    // do some stuff after tab was changed e.g.
    alert('You switched the tab');
});

当然显示警报不是最好的事情,因为它再次关注当前标签:)

Answer 2

我相信您可以使用当当前页面失去焦点时将触发的window.onblur 事件。

window.onblur = function() {
    // Your action here
};

在jQuery中，您可以这样编写

$(window).blur(function() {
    // Your action here
});