又看到一個(gè)很有意思的HTML5事件

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

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

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

• 1
• 2
• 3

• 1
• 2
• 3

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。