浏览器标签tab窗口切换时事件状态侦听

 

做到 是大屏项目,用的websocket,在浏览器切换标签窗口后,过了一段时间回来,页面会非常卡,所以想页面切回来的时候刷新页面,找到了这个方法,这是原来的例子。这段代码可以自己复制去做下测试

var normal_title;
document.addEventListener('visibilitychange',function(){ //浏览器切换事件
    if(document.visibilityState=='hidden') { //状态判断
        normal_title=document.title;
        document.title='隐藏的标题'; 
    }else {
        document.title=normal_title;
    }
});

 

下面是我项目中的

document.addEventListener('visibilitychange',function(){
    if(document.visibilityState=='hidden') {     
      if(ws){
        ws.close(); //关闭websocket
      }
    }else {
  
      location.reload(); //刷新页面
    }
  });

 

IT文库 » 浏览器标签tab窗口切换时事件状态侦听
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址