当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js监听浏览器tab窗口切换

js监听浏览器tab窗口切换

2019年02月21日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网