exécuter javascript après se concentrer sur un élément

Question

Je dois exécuter execFunc(); non seulement lorsque l'utilisateur passe au champ suivant, mais aussi lorsque l'utilisateur reste concentré sur le même champ pendant 5 secondes.

$('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); 
}); 

Si vous faisons la validation de formulaire, il y a de meilleures façons de le faire.

Answer 2

Que diriez-vous ...

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

Si la fonction est idempotente et vous devez l'exécuter une seule fois, vous pouvez faire:

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

    // ... remainder of implementation 
} 

Answer 3

Cela devrait suffire

var g_timeout = null; 

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