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

2017-04-22 09:04 出处:360java.com 作者:360java  阅读()
做到 是大屏项目,用的websocket,在浏览器切换标签窗口后,过了一段时间回来,页面会非常卡,所以想页面切回来的时候刷新页面,找到了这个方法,这是原来的例子。这段代码可以

 

做到 是大屏项目,用的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(); //刷新页面
    }
  });

 

分享到:
本文标签: 浏览器, 标签, 窗口, 切换, 事件, 状态, 侦听

相关文章

发表评论(共条评论)愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

Copyright (C) java学习 360java 360java.com, All Rights Reserved.

苏ICP备16022210号