HTML5中判断用户是否正在浏览页面的方法
来源:互联网 发布:知乎图片右显示一半 编辑:程序博客网 时间:2024/05/16 10:46
方法1:
$(window).on('focus', function() { alert('focus');});$(window).on('blur', function() { // alert('blur');});
方法2:
// 各种浏览器兼容var hidden, state, visibilityChange; if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState"; } else if (typeof document.mozHidden !== "undefined") { hidden = "mozHidden"; visibilityChange = "mozvisibilitychange"; state = "mozVisibilityState"; } else if (typeof document.msHidden !== "undefined") { hidden = "msHidden"; visibilityChange = "msvisibilitychange"; state = "msVisibilityState"; } else if (typeof document.webkitHidden !== "undefined") { hidden = "webkitHidden"; visibilityChange = "webkitvisibilitychange"; state = "webkitVisibilityState"; }</p> <p>// 添加监听器,在title里显示状态变化document.addEventListener(visibilityChange, function() { document.title = document[state]; }, false);</p> <p>// 初始化document.title = document[state];
上面的代码会在页面可见性发生变化时修改document.title的值!
那么,什么时候需要使用visibilitychange事件呢?比如,如果你的页面上有嵌入视频正在播放,当用户切换到其它标签页时,你的标签页上的视频应自动暂停播放,当用户切换回来时继续接着播放。再比如,如果你的页面有自动刷新动作,当用户切换到其它标签页时,你就应该停止刷新,而当用户切换回来时继续之前的动作。
0 0
- HTML5中判断用户是否正在浏览页面的方法
- js判断用户是否正在浏览当前页面
- 判断当前页面是不是用户正在浏览的
- html5新功能2—使用HTML5里页面可见性接口判断用户是否正在观看你的页面
- js判断是否手机浏览页面
- js 判断当前页面是否被浏览
- js 判断当前页面是否被浏览
- Android之判断某个服务是否正在运行的方法
- android 判断某个服务是否正在运行的方法
- Android之判断某个服务是否正在运行的方法
- Android之判断某个服务是否正在运行的方法
- Android之判断某个服务是否正在运行的方法
- 判断某个服务是否正在运行的方法
- 页面判断用户是否登录
- WebDriver判断页面是否刷新的方法
- android中判断service是否正在运行
- C#中判断当前登录的用户是否是系统管理员的方法
- 判断IE WEBBROWSER IHTMLDocument2 是否用户正在编辑
- Spring学习(一)简介及IOC的小案例
- Spring 框架学习—控制反转(IOC)
- 关于EIP、EBP和ESP寄存器
- 疯狂面试
- 数据库中,什么是事务,可以简述,事务机制如何实现的吗
- HTML5中判断用户是否正在浏览页面的方法
- poi向Excel中加入超链接,指向相对路径的文件
- CSS hack合集
- 为什么cellForRowAtIndexPath方法不调用?
- 如何连接阿里云Linux实例
- [题解]bzoj1923(SDOI2010)外星千足虫
- 连数据用JNDI
- java 启动脚本
- BZOJ1222: [HNOI2001]产品加工