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时)。

相关文章:

  • 2021-07-12
  • 2022-02-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-29
  • 2022-02-10
  • 2022-12-23
猜你喜欢
  • 2021-12-13
  • 2022-02-27
  • 2021-12-30
  • 2022-12-23
  • 2022-12-23
  • 2021-10-18
相关资源
相似解决方案