页面可见性-浏览器选项卡失焦-HTML5-visibilitychange

笑的胃疼~

刚知道选项卡浏览器还有失焦这一回事儿，现在我编辑这段文字的时候，浏览器选项卡的焦点就是当前的页面，请看：

然后，然后，后边有个网页奔溃了。。。这个就是失焦，我这么叫也不知道对不对，切换一下选项卡，看崩溃之前的网站title是什么：

帅不帅！

去看了一下源码，才发现，居然还有这么个事件，叫做：visibilitychange，没错，这个是新的，em...也可能一年前是新的，而我刚刚知道，挺好玩，能做一些好玩的事儿

代码如下：

if(document.addEventListener){
    var _title = document.title;
    document.addEventListener('visibilitychange', function() {
        document.title = document.hidden ? '网页奔溃了...o(╯□╰)o...' : _title
    });
};

没错，这就是上图切换的js源码，也可以这么玩：

if(document.addEventListener){
    document.addEventListener('visibilitychange', function() {
        document.title = document.hidden ? '你要走了吗？' : '你回来啦！'
    });
};

裆燃，它的作用肯定不止如此，至于能应用到哪儿，就看自我发挥了