divと子どものためのjQueryフォーカスアウト

Question

私はdiv内にいくつかのリンク/ボタンを使って動的にjQueryを作成しています。この部門がフォーカスを失ったら、私はそれを削除する必要があります。この部分は大丈夫です。

しかし、今はdivのラッパーにfocusoutイベントがあります。div内のボタンをクリックすると、ラッパーは子にフォーカスを失い、イベントが発生します。クリックされた要素が私ができるラッパーの子であるかどうかを確認しますが、ラッパーにはフォーカスがないので、divを削除するためにイベントが再び発生しません。

私はまた、ぼかしを試みましたが、これはうまくいきません。

これを行うにはどのような方法が最適ですか？

Answer 1

$("#yourDiv").focusout(function() { 
    if ($(this).has(document.activeElement).length == 0) { 
     // remove div 
    } 
}); 

$(this) =あなたが集中している部門。

document.activeElement =現在フォーカスが当てられている要素。能動素子は、あなたのdiv要素の子

Answer 2

イベント引数で与えられたrelatedTargetを使用している無地のJavaScriptでこれを解決する方法であれば

$(this).has(document.activeElement)は単純にチェックされています

element.addEventListener('focusout', function(event) { 
    if (element.contains(event.relatedTarget)) { 
     // don't react to this 
     return; 
    } 
    // do something 
});