js監聽瀏覽器tab視窗切換

js監聽瀏覽器tab視窗切換

                           ——IT唐伯虎

摘要：js監聽瀏覽器tab視窗切換。

if (document.hidden !== undefined) {
  document.addEventListener('visibilitychange', () => {
    console.debug(document.hidden)
  })
}

// 用document.visibilityState也行

其中，

• visibilitychange是h5的一個事件（IE9不支持），可以通過這個事件來暫停css3動畫、暫停音樂等；
• document.hidden的值為：true、false；
• document.visibilityState的值為：hidden（當瀏覽器最小化、切換tab、電腦鎖屏時）、visible（用戶正在查看當前頁面時）、prerender（文檔載入離屏或者不可見）、unloaded（當文檔將要被unload時）。