Js实现浏览器下标签页间切换触发的事件
2016-02-25 12:53
746 查看
visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等。
var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null;var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');var onVisibilityChange = function(){ if (!document[hiddenProperty]) { console.log('页面非激活'); }else{ console.log('页面激活') }}document.addEventListener(visibilityChangeEvent, onVisibilityChange);
相关文章推荐
- web开发之浏览器(三)----浏览器常用事件及属性
- jsp详细说明
- Js 内各种宽度
- 该如何理解AMD ,CMD,CommonJS规范--javascript模块化加载学习总结
- js-01
- Javascript变量的命名规则
- javaScript js中获取时间new Date()详细介绍
- javascript 的数据类型
- fastjson解析json工具类
- JavaScript继承方式详解[转]
- 彻底理解js中this的指向
- javascript限制和统计文本输入字数的解决方案
- 如何将IE浏览器设置为调试.jsp等代码的工具
- js urlencode , encodeURIComponent
- 用JS编写日历的简单思路
- JavaScript Functions — In-Depth
- ArcGIS Wpf MarkerSymbol 图形符号无法序列化为 JSON
- js的this作用域问题
- JavaScript实现搜索框的自动完成功能(一)
- 关于window.location.has 4000 h的理解及其应用