检查选项卡是否打开为活动状态

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
}

查看兼容性