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

来源:博客园 分类: 文章浏览史 发布时间:2020-09-07 11:09:45 最后更新:2020-09-07 浏览:44
转载声明:
本文为摘录自“博客园”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-09-07 11:09:45

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

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

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

 


                
            
php技术微信