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

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

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

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

• 1
• 2
• 3

• 1
• 2
• 3

總結

以上是生活随笔為你收集整理的HTML5事件—visibilitychange 页面可见性改变事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。