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

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

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

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

 

猜你喜欢

转载自www.cnblogs.com/kewenxin/p/10373207.html
0条评论
添加一条新回复