在关注元素后执行javascript

Question

我不仅需要在用户移动到下一个字段时运行execFunc();，还需要在用户在同一个字段中持续5秒钟的焦点时运行。

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

如果您'正在进行表单验证，有更好的方法来做到这一点。

Answer 2

......怎么

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

如果功能不幂等，你必须只执行一次，你可以这样做：

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

    // ... remainder of implementation 
} 

Answer 3

这应该足够了

var g_timeout = null; 

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