クリックしたアイテムに基づいてぼかしハンドラをキャンセルする

Question

こんにちは、すばらしい人！

今回私の問題は、mouseClickがblurステートメントで発生したかどうかをテストすることです。

すべての入力フィールドがBLURで検証されるグローバルソリューションがあります。 このイベントの中で、特定の要素がクリックされたかどうかをテストする必要があります（helpBubbleの場合）。ただし、その要素がクリックされていない場合でも検証は行われません。起こる必要がある。

何か助けが圧倒的に高く評価されるでしょう！

Answer 1

以前にフォーカスされた要素のblurイベントは、新しくフォーカスされた要素のclickイベントの前に発生します。そのため、タイムアウトを追加しない限り、移動先の内容に基づいてぼかしを防止することはできません。例えば：それが起こる前に、それがキャンセルされます（それはほとんどすぐに起こるのだろう）

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; 
    } 
}); 

これは、検証を実行する前に、ぼかした後、100msのをお待ちしておりますが、クリックすると、その時間枠内で発生した場合。

編集：ここでは作業例です：http://jsfiddle.net/9SzDP/