jQuery: How can I tell when a tab/window gains focus

Question

Is there an event that I can register for that fires each time the user clicks on a tab, meaning that they were on my page's tab, clicked on another tab, then came back to my tab.

EDIT: By tabs, I mean browser tabs, not jQueryUI tabs.

score 15 · Accepted Answer · answered Apr 20 '12 at 01:19

15

Matijis provided this answer in a comment, but I wanted to accept it so here it is as an answer.

$(window).on('focus', function() { // your code });

answered Apr 20 '12 at 01:19

mtmurdock

12,756
21
65
108

1

Tab lost focus: `$(window).on('blur', function() { // your code });` – Avatar Feb 21 '22 at 13:47

score 2 · Answer 2 · answered Feb 20 '12 at 17:34

2

Try using jquery $(selector).focusin or :focus, they both work quite the same way.

http://api.jquery.com/focusin/

http://api.jquery.com/focus-selector/

answered Feb 20 '12 at 17:34

abhig10

535
7
24

Look at his Q: EDIT: By tabs, I mean browser tabs, not jQueryUI tabs. – The Alpha Feb 20 '12 at 17:37
1

So then can I just do `document.focusin = function () { stuff }` ? – mtmurdock Feb 20 '12 at 17:39
5

`$(window).on('focus', function() { // your code });` should do the trick – Matijs Feb 20 '12 at 18:09
@Matijis that works great! Put that in an answer and I'll accept. – mtmurdock Feb 20 '12 at 19:36

jQuery: How can I tell when a tab/window gains focus

2 Answers2

Linked