javascript - 用户不在当前标签页面改变title？

Question

看到这个网站
可以看到，不是当前显示的标签页，title上会有一个大白(●—●)
请问是怎么做到的啊~

---

谢谢大家，你们说的都是有效的方法，学习到了，感谢(￣▽￣)ノ

Answer 1

Html 5 新功能

HTMl5 推出了一个很“特别”的 API Page Visibility ，之所以说它特别，是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。

传送门

Answer 2

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

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

Answer 3

借机插个硬广吧：http://www.coding.im/visibilitychange-event/
最早看到这个是在36kr，就读了下文档，总结了篇博文。

Answer 4

segmentfault的通知暂时就是这么实现的噢~
可以查看window绑定的事件~