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

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

// 监听是否在当前页，并置为已读

document.addEventListener("visibilitychange", function () {

  if (!document.hidden) {   //处于当前页面

    // do something

  }

});