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

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

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

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