[JavaScript] visibilitychange事件

visibilitychange事件是浏览器新添加的一个事件,
当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,
现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等。

document.addEventListener("visibilitychange", function(){
    alert();
}, false);

现在某些浏览器还保留了visibilitychange的前缀
例如Chrome浏览器还保留着webkit前缀,
不过该事件已经趋于稳定,在Chrome 33及以后就去掉了前缀,
直接使用visibilitychange

注:
(1)微信内置的浏览器因为没有标签,所以不会触发该事件。
(2)手机端直接按Home键回到桌面,也不会触发该事件。
(3)PC端浏览器失去焦点不会触发该事件,但是最小化,或回到桌面会触发。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,950评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,301评论 19 139
  • 1. 首先 a 是 inline 元素 a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认verti...
    EchoSpot阅读 1,898评论 0 0
  • 辛夷 四季是谁主宰 太阳 圆缺是谁剪裁 月亮 太阳消歇了 一以贯之,挽着约定 约定,不变的忠诚 忠诚让夜鞠躬 伸手...
    花雾醉秋阅读 1,495评论 0 0
  • 网上版本太多,有在plist 文件中加字段,利用苹果app中的一些加载逻辑,这个字段完全不用,想象也是醉了。 原理...
    笨驴爱吃胡萝卜阅读 10,932评论 3 21