Home >Web Front-end >JS Tutorial >Solution to focus and blur confusion under IE6_javascript skills

Solution to focus and blur confusion under IE6_javascript skills

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 18:04:031094browse

Copy code The code is as follows:

 
 
</textarea> ; <BR>hello <BR><script> <br>window.onblur=function(){ <br>document.title= 'blur:' Math.random() ; <br>} <br>window.onfocus =function(){ <br>document.title= 'focus:' Math.random() ; <br>} <br></script> <br></body> <br>
</div> <br>This should be a very common requirement, for example, the current window updates data regularly, while the window being out of focus reduces the information update frequency. The pairing confusion caused by IE6 bugs will disrupt our plans. <br>I couldn’t find any official description or recommended solution for this bug when I searched online, so I had to implement a solution myself. <br>The code is as follows: <br><div class="codetitle">
<span><a style="CURSOR: pointer" data="28133" class="copybut" id="copybut28133" onclick="doCopy('code28133')"><u>Copy code</u></a></span> The code is as follows:</div>
<div class="codebody" id="code28133"> <br><body> <br><textarea> 
hello 
<script> <br>(function(){ <br>var focusTimer = 0; <br>function myBlur(){ <br>document. title= 'blur:' Math.random() ; <br>} <br>function myFocus(){ <br>clearTimeout(focusTimer); <br>focusTimer = setTimeout(function(){ <br>document.title = 'focus:' Math.random() ; <br>},10); <br>} <br>window.onfocus = document.body.onfocusin = myFocus; <br>window.onblur = document.body.onfocusout = myBlur; <br>}()); <br></script> 
 

The general principle is: find many opportunities that may trigger onfocus and onblur, all The onblur is executed immediately, while the onfocus is executed lazily with a delay of 10 milliseconds.
The result is: although myFocus and myBlur are sometimes executed several times more, the correctness of the window status can be guaranteed.
The method may be a bit copycat, but I didn’t think of a better way for the time being, so this can temporarily solve an urgent need.

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Problems with adding big data in JavaScript_javascript skillsNext article：Problems with adding big data in JavaScript_javascript skills

See more

Solution to focus and blur confusion under IE6_javascript skills

Related articles