又看到一個很有意思的HTML5事件

visibilitychange事件是瀏覽器新添加的一個事件，當瀏覽器的某個標簽頁切換到后臺，或從后臺切換到前臺時就會觸發該消息，現在主流的瀏覽器都支持該消息了，例如Chrome, Firefox, IE10等。雖然這只是一個簡單的功能，但是能夠廣大的采用HTML5開發游戲的開發者提供方便，比如用戶正在玩游戲時，突然切換到后臺去發一條短信或打一個電話，再切換到游戲，那么開發者就需要捕捉對這些突發情形進行處理，當游戲切換到后臺時就暫停游戲，從后臺切換回來時，又能允許用戶繼續游戲。

通過document的hidden屬性可以判斷標簽是否可見。true時代表標簽不可見。?
這個事件適合在標簽不可見的時候減少網絡請求、服務器壓力等，也可以做一些好玩的事情，比如改變網頁標題的文字。

document.addEventListener("visibilitychange", function(){document.title = document.hidden ? "用戶離開了" : "用戶回來了";
});
1
2
3
1
2
3