IE6下focus与blur错乱的解决方案

174 阅读 0 评论 115 点赞

我是靠谱客的博主细腻抽屉，最近开发中收集的这篇文章主要介绍IE6下focus与blur错乱的解决方案，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<body> 
<textarea></textarea> 
hello 
<script> 
window.onblur=function(){ 
document.title= 'blur:' + Math.random() ; 
} 
window.onfocus=function(){ 
document.title= 'focus:' + Math.random() ; 
} 
</script> 
</body> 

这应该是一个很常见的需求，例如，当前窗口定期更新数据，而窗口失焦则减少信息更新频率。IE6的bug导致的配对混乱却会打乱我们的计划。
上网查也没查出关于这个bug的官方说明与推荐解决方案，只好自己生更的实现一个解决方案。
代码如下：

复制代码代码如下:

 
<body> 
<textarea></textarea> 
hello 
<script> 
(function(){ 
var focusTimer = 0; 
function myBlur(){ 
document.title= 'blur:' + Math.random() ; 
} 
function myFocus(){ 
clearTimeout(focusTimer); 
focusTimer = setTimeout(function(){ 
document.title = 'focus:' + Math.random() ; 
},10); 
} 
window.onfocus = document.body.onfocusin = myFocus; 
window.onblur = document.body.onfocusout = myBlur; 
}()); 
</script> 
</body> 