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

原文链接:https://www.cnblogs.com/liangweiping/p/10406947.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有