码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-05-04 13:40:38      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/zhaoliangwa/p/4475675.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!