js監聽瀏覽器tab窗口切換


js監聽瀏覽器tab窗口切換

 

摘要: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時)。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM