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

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

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

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

 

2、简单有效，将整个窗口绑定onblur和onfocus。

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

 

 

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