javascript - Reload page when user returns from other tab - Stack Overflow

admin管理员组

文章数量:1287488

I work on some kind of website that places importance on being up-to-date. For that purpose, I need to refresh the page when the user switches from another tab to the tab with the website.

Is there a way to do this with JavaScript / jQuery? I know that location.reload(); is used to refresh a page, but I don't know how to tell JavaScript to do this when the tab bees active again (and only once then).

I work on some kind of website that places importance on being up-to-date. For that purpose, I need to refresh the page when the user switches from another tab to the tab with the website.

Is there a way to do this with JavaScript / jQuery? I know that location.reload(); is used to refresh a page, but I don't know how to tell JavaScript to do this when the tab bees active again (and only once then).

• javascript
• jquery

Share Improve this question Follow asked Nov 13, 2015 at 7:07 R.G.R.G. 86111 gold badge88 silver badges1818 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

You can use this:

var vis = (function(){
var stateKey, eventKey, keys = {
    hidden: "visibilitychange",
    webkitHidden: "webkitvisibilitychange",
    mozHidden: "mozvisibilitychange",
    msHidden: "msvisibilitychange"
};
for (stateKey in keys) {
    if (stateKey in document) {
        eventKey = keys[stateKey];
        break;
    }
}
return function(c) {
    if (c) document.addEventListener(eventKey, c);
    return !document[stateKey];
}
})();

Usage:

var visible = vis(); // gives current state

vis(aFunction);      // registers a handler for visibility changes`

vis(function(){
    document.title = vis() ? 'Visible' : 'Not visible';
});

You can readabout this here:

Detect if browser tab is active or user has switched away

本文标签： javascriptReload page when user returns from other tabStack Overflow