javascript - Determine if browser tab is active? - IE? - Stack Overflow

admin管理员组

文章数量:1291144

I have looked at this:

How to tell if browser/tab is active

and:

Is there a reliable way to determine if a browser tab or window is inactive or not in focus?

The first link provides a solution for modern browsers but doesn't work in IE7/8. Both of these questions are fairly old. Is there a solution to the problem of determining whether a visitor is viewing their open tab or not?

Pretty much everything I have tried works fine in Chrome. But IE7 just fails.

I just want to set a global variable that says whether the page is being viewed.

i.e.

var isActive = true;

$(window).focus(function() {
    isActive = true;
});

$(window).blur(function() {
    isActive = false;
});

// test
setInterval(function () {
  console.log(window.isActive ? 'active' : 'inactive'); 
}, 1000);

I have looked at this:

How to tell if browser/tab is active

and:

Is there a reliable way to determine if a browser tab or window is inactive or not in focus?

The first link provides a solution for modern browsers but doesn't work in IE7/8. Both of these questions are fairly old. Is there a solution to the problem of determining whether a visitor is viewing their open tab or not?

Pretty much everything I have tried works fine in Chrome. But IE7 just fails.

I just want to set a global variable that says whether the page is being viewed.

i.e.

var isActive = true;

$(window).focus(function() {
    isActive = true;
});

$(window).blur(function() {
    isActive = false;
});

// test
setInterval(function () {
  console.log(window.isActive ? 'active' : 'inactive'); 
}, 1000);

• javascript
• tabs
• focus

Share Improve this question Follow edited May 23, 2017 at 12:22 CommunityBot 111 silver badge asked Aug 8, 2011 at 8:05 ComputerUserComputerUser 4,8881616 gold badges6060 silver badges7272 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

After much Googling... then some more... then some more... 4 hours or so later I finally found this link hidden in the depths of the internet. The ments suggest a small bug exists but it is fine for what I need it for.

http://www.thefutureoftheweb./blog/detect-browser-window-focus

var isActive = true;
function onBlur() {
    isActive = false;
};
function onFocus(){
    isActive = true;
};

if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}

Slightly different but this was marked as the answer suggesting it worked and it is a delay that's needed. Not very elegant but if it works.

本文标签： javascriptDetermine if browser tab is activeIEStack Overflow