成功总是垂青于有准备的人。

BIBLE模型

发掘积累过程的快感

首页»BIBLE模型 Perfect»前端设计»Javascript»监听页面是否获取状态应用实例

我在一个页面中做了大量的ajax,一直轮询某个资源,这时候我在新选项卡打开了新的页面,那么我需要暂停或者停止之前那个页面的ajax数据提交,有一个思路就是判断当前页面是否获取焦点或者在最前面显示。

先看代码:

<script>    
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]) {    
	//在页面,有焦点或者在最前面显示  
}else{    
	//焦点不在当前页面
}    
}    
document.addEventListener(visibilityChangeEvent, onVisibilityChange);    
</script>


猜你喜欢
互联网信息太多太杂,各互联网公司不断推送娱乐花边新闻,SNS,微博不断转移我们的注意力。但是,我们的时间和精力却是有限的。这里是互联网浩瀚的海洋中的一座宁静与美丽的小岛,供开发者歇息与静心潜心修炼。 “Bible”是圣经,有权威的书,我们的本意就是为开发者提供真正有用的的资料。 我的电子邮件1217179982@qq.com,您在开发过程中遇到任何问题,欢迎与我联系。
Copyright © 2017. All rights reserved. 本站由 Helay 纯手工打造