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