How to determine whether the user has switched to another tab of the current browser

Question

I wish to determine using jquery or javascript that is the user has switched tab standing on the same browser?

I.e. if the user is currently standing on browser say mozilla-firefox tab no.1 , now he has opened another tab say tab no.2 , at that point a popup should appear , with the message "tab changed"

Answer 1

I believe you can use the window.onblur event which will fire when the current page loses focus.

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

In jQuery, you write it this way

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

Answer 2

Without jQuery

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

with jQuery:

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

Of course displaying alert is not best thing to do, because it focus current tab again :)

Answer 3

this might work, but will popup when the user leaves th esite in anyway not just tab changes

window.onunload = popup;

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