PJCHENder 未整理筆記

[WebAPIs] Page Visibility API

2018-11-12

[WebAPIs] Page Visibility API

@(JavaScript)[JavaScript, WebAPIs]

適合使用在當使用者離開(縮小、關閉)某一頁籤後,原本的頁面要執行哪些行為(例如,暫停影音播放)。

1
document.visibilityState  // 取得頁面當前的狀態
  • visible:畫面當前是 active 的
  • hidden:可能是「視窗(window)被縮小」、「頁籤(tab)被切換」或「從裝置關閉」。
  • prerender:並非所有瀏覽器支援
  • unloaded:並非所有瀏覽器支援
1
2
// 事件 Document.onvisibilitychange
document.addEventListener('visibilitychange', function() { ... });

記得 changec 是小寫。

參考

Tags: WebAPIs

掃描二維條碼,分享此文章