源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-04-23 11:07 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IE6下focus与blur错乱的解决方案
[u]复制代码[/u] 代码如下:
<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的官方说明与推荐解决方案,只好自己生更的实现一个解决方案。 代码如下:
[u]复制代码[/u] 代码如下:
<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>
大略原理是:找到很多可能触发onfocus与onblur的时机,所有的onblur都立即执行,而onfocus则延时10毫秒懒惰执行。 结果是:虽说有时多执行了几次myFocus与myBlur,但能保证窗口状态的正确性。 方法可能有点山寨,不过一时没想到更好的办法,这样也暂时能解个燃眉之急。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部