js监听页面是否在浏览器当前页面

来源:博客园分类: 文章浏览史发布时间:2020-09-07 11:09:45 最后更新:2020-09-07 浏览:459

转载声明：

本文为摘录自“博客园”，版权归原作者所有。

原文链接:

温馨提示：

为了更好的体验，请点击原文链接进行浏览

摘录时间：

2020-09-07 11:09:45

在最近的一个socket项目中，需要监听客户端是否已读客服端发送的消息。

这里用到了html5中document新增了一个事件 visibilitychange,这个事件在页面前台或后台切换时被触发，它也有个对应的属性visibilityState,用于检测当前页面的状态值为hidden还是visible。

// 监听是否在当前页，并置为已读
document.addEventListener("visibilitychange", function () {
  if (!document.hidden) {   //处于当前页面
    // do something
  }
});