führen Sie Javascript nach Fokus auf ein Element

Question

Ich muss execFunc(); nicht nur ausführen, wenn der Benutzer auf das nächste Feld bewegt, sondern auch ausgeführt wird, wenn der Benutzer für 5 Sekunden auf das gleiche Feld konzentriert bleibt.

$('input[name="email"]').bind('blur', function() { 
execFunc(); 
}); 

Answer 1

var timer = null; 
$('input[name="email"]').blur(function(e){ 
    if (timer) clearTimeout(timer); 
    execFunc(); 
}).focus(function(e){ 
    timer = setTimeout(execFunc, 5000); 
}); 

Wenn Sie Bei der Formularvalidierung gibt es bessere Möglichkeiten, dies zu tun.

Answer 2

Wie wäre es ...

$('input[name="email"]').bind('blur', execFunc).bind('focus', function() { 
    setTimeout(execFunc, 5000); 
}); 

Wenn die Funktion nicht idempotent ist, und Sie müssen es nur einmal ausführen, können Sie tun:

var execFuncHasExecuted = false; 
function execFunc() { 
    if (execFuncHasExecuted) 
     return false; 
    execFuncHasExecuted = true; 

    // ... remainder of implementation 
} 

Answer 3

Dies sollte

var g_timeout = null; 

$('input[name="email"]') 
     .blur(function() { 
      execFunc(); 
     }) 
     .focus(function(){ 
      if (g_timeout) clearTimeout(g_timeout); 
      g_timeout= setTimeout(execFunc, 5000); 
     });