頁面可見性-瀏覽器選項卡失焦-HTML5-visibilitychange

笑的胃疼~

剛知道選項卡瀏覽器還有失焦這一回事兒，如今我編輯這段文字的時候，瀏覽器選項卡的焦點就是當前的頁面，請看：

而後，而後，後邊有個網頁奔潰了。。。這個就是失焦，我這麼叫也不知道對不對，切換一下選項卡，看崩潰以前的網站title是什麼：

帥不帥！

去看了一下源碼，才發現，竟然還有這麼個事件，叫作：visibilitychange，沒錯，這個是新的，em...也可能一年前是新的，而我剛剛知道，挺好玩，能作一些好玩的事兒

代碼以下：

1 if(document.addEventListener){
2     var _title = document.title;
3     document.addEventListener('visibilitychange', function() {
4         document.title = document.hidden ? '網頁奔潰了...o(╯□╰)o...' : _title
5     });
6 };

沒錯，這就是上圖切換的js源碼，也能夠這麼玩：

1 if(document.addEventListener){
2     document.addEventListener('visibilitychange', function() {
3         document.title = document.hidden ? '你要走了嗎？' : '你回來啦！'
4     });
5 };

襠燃，它的做用確定不止如此，至於能應用到哪兒，就看自我發揮了