很长一段时间，我们一直缺少一种判断用户是否浏览指定标签页的方法。用户是否会看到其他网站他们换回来了吗





现在，在HTML5页面的可视界面为程序员提供了一种方法来使用visibilitychange页面事件确定当前网页的知名度，并有针对性地完成一些任务。同时，有新的document.hidden属性可以使用。

document.hidden

这种新兴的document.hidden属性显示页面是否是一个页面，用户目前的手表，有价值的真假。

document.visibilitystate

visibilitystate的价值是可见的（说明页当前激活的浏览器，和窗口没有最小化）或隐藏（页目前不激活标签页或窗口最小化）。），或PreRender（页面更新，对用户不可见）。

visibilitychange事件

监视能见度的变化是很容易的：

复制代码代码如下所示：

所有浏览器兼容

VaR的隐藏状态，visibilitychange；

如果（typeof document.hidden！=未定义的）{

隐藏；

visibilitychange =visibilitychange ；

状态=visibilitystate ；

如果（typeof document.mozhidden别的} {！=未定义）

隐=mozhidden ；

visibilitychange =mozvisibilitychange ；

状态=mozvisibilitystate ；

如果（typeof document.mshidden别的} {！=未定义）

隐=mshidden ；

visibilitychange =msvisibilitychange ；

状态=msvisibilitystate ；

如果（typeof document.webkithidden别的} {！=未定义）

隐=webkithidden ；

visibilitychange =webkitvisibilitychange ；

状态=webkitvisibilitystate ；

}
在标题中添加监视器、显示状态更改

Document.addEventListener（visibilitychange，函数（）{（）{

document.title =文件{状态}；

}，假）；
初始化

document.title =文件{状态}；

上面的代码的价值变化document.title页面时能见度的变化！

所以，当你需要使用visibilitychange事件例如，如果嵌入式视频播放页面上，当用户切换到其他页面，你的标签页的视频应自动中止，并继续发挥用户切换回来时。例如，如果你的页面有自动刷新操作，当用户切换到其他页面，你应该停止更新，当用户切换回来，继续之前的动作。