jquery - 根据单击的项目取消模糊处理程序

Question

你们好，你们好!

这次我的问题是测试是否在模糊语句中发生了 mouseClick。

我有一个全局解决方案，其中每个输入字段都在 BLUR 上进行验证。在此事件中，我需要测试是否已单击某个元素(即 helpBubble)，如果已单击，我不希望进行验证，但是，如果尚未单击该特定元素，则仍然需要验证发生。

任何帮助将不胜感激!!

Answer 1

先前获得焦点的元素的 blur 事件将在新获得焦点的元素上的 click 事件之前触发。因此，除非添加超时，否则您无法根据您要移动的内容来阻止验证 onblur。例如:

var validationTimer;
$('#myform input').blur(function(){
  var blurred = $(this);
  validationTimer = setTimeout(function(){
    validationTimer = null;
    // Perform Validation on 'blurred'.
  },100);
});

$('.helpbubble').click(function(){
  if (validationTimer){
    clearTimeout(validationTimer);
    validationTimer = null;
  }
});

这将在模糊后等待 100 毫秒，然后再执行验证，但如果在该时间范围内发生点击(几乎立即发生)，它将在发生之前被取消。

编辑:这是一个工作示例:http://jsfiddle.net/9SzDP/