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

时间:2011-12-21 09:32:00

标签: javascript jquery

我希望使用jquery或javascript确定用户已将切换标签站在同一浏览器上?

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

3 个答案:

答案 0 :(得分:5)

没有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');
});

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

答案 1 :(得分:4)

我相信您可以使用window.onblur event,当当前页面失去焦点时会触发。

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

在jQuery中,你这样编写

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

答案 2 :(得分:0)

这可能会有效,但是当用户离开时不会只是标签更改

时会弹出
window.onunload = popup;

function popup() {
  alert('tab changed');
}