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时)。
上一篇:原生wcPop.js消息提示框(移动端)、内含仿微信弹窗效果


下一篇:1.1 java语言有什么优点