根据浏览器标签是否为当前……

时间:2015-05-04 13:40:38   收藏:0   阅读:104

1、visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等。

document.addEventListener("visibilitychange", function() {
    console.log((new Date()));
});

 注意:现在某些浏览器还保留了visibilitychange的前缀,例如Chrome浏览器还保留着webkit前缀,不过该事件已经趋于稳定,在 Chrome 33及以后就去掉了前缀,直接使用visibilitychange,这里只是一个简单的实例程序,大家可以针对这个程序做简单修改,兼容更多的浏览器。

 

2、简单有效,将整个窗口绑定onbluronfocus

window.onblur = function() {
    document.title = "(●—●)";
};
window.onfocus = function() {
    document.title = "啦啦啦啦";
}

 

 

来源:http://segmentfault.com/q/1010000002713296

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!