window focus not working in chrome when switch tabs

Question

(function($){

    $(window).focus(function(){
        document.title = 'focused';
    });

    $(window).blur(function(){
        document.title = 'not focused';
    });

})(jQuery);

What it's supposed to do: if a tab is focused, the title should be 'focused'; if it's not, then title should be 'not focused'.

What it's doing in reality: after leaving a tab unfocused, its title will remain forever 'not focused'.

This is working fine in Firefox, but not in Chrome, anyone got suggestions? Thanks!

I get the impression that Chrome's interpretation of window.focus is "content focus", and not "tab focus". Have you tried clicking inside the window? — sabof, Jul 20 '13 at 00:21

score 0 · Answer 1 · edited May 23 '17 at 12:29

0

Check out this answer, you could easily modify that code to complete the task you've outlined here.

edited May 23 '17 at 12:29

Community

1
1

answered Jul 20 '13 at 01:30

matty-d

2,623
3
18
21

score 0 · Answer 2 · answered Aug 22 '13 at 16:01

This is in fact a reported bug of Chrome and it is happening in version 29, when you change between tabs. It seems to be a race condition that will not update the title of the tab, despite the fact that document.title is correctly filled.

A possible workaround for the code above is to create a timer to change the title again. The following code works, but you can also just set the text inside the timer function.

(function($){

$(window).focus(function(){
    document.title = 'focused';
});

$(window).blur(function(){
    document.title = 'not focused';

    window.setTimeout(function () {
        var temp = document.title;
        document.title = temp + "_";
        document.title = temp;
    }, 200);
});

})(jQuery);

window focus not working in chrome when switch tabs

2 Answers2