javascript - 检查选项卡是否打开为事件状态

Question

我需要确定当前页面是否处于事件状态。 我知道我可以通过这个答案找到选项卡是否获得/失去焦点:

https://stackoverflow.com/a/1760268/449553

没关系，如果选项卡状态发生变化，但我需要获取初始值。 打开页面有以下几种方式:

• 通过此事件选项卡中的链接进行访问
• 在新标签页中打开
• 在新的后台标签中打开

我明白，该页面需要一些时间来加载。所以我需要在 DOM 加载后获取这个值。 有什么办法可以找到这个值吗？

Answer 1

尝试pagevisibility :

var visibilityChange,hidden, state; 
if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
    state = "visibilityState";
} else if (typeof document.mozHidden !== "undefined") {
    hidden = "mozHidden";
    visibilityChange = "mozvisibilitychange";
    state = "mozVisibilityState";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
    state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
    state = "webkitVisibilityState";
}

document.addEventListener(visibilityChange, function() {
    document.title = document[state];
}, false);


document.title = document[state];
if(document[state]==="hidden"){
    //hidden
}else{
    //show
}

See the compatibility