javascript - div のクリックをリッスンしますが、その子のいずれかがクリックされたときはリッスンしません

Question

divがクリックされたときにdivとその子を非表示にしようとしていますが、その子のいずれかにイベントが発生したときではありません。スワイプ、タップ、クリックなど。

クリック時に div を非表示にする jQuery は単純です。

$("#tabs").click(function(){
    $(this).fadeOut();
});

しかし、子供がクリックまたはスワイプされると、div がフェードアウトすることに気付きました。

これらのイベントが子で発生したときに div がフェードアウトするのを防ぐにはどうすればよいですか?

Answer 1

クリックされた要素がバインドされた要素と同じかどうかを確認します。

$("#tabs").click(function(e){
    if (e.target == this)
        $(this).fadeOut();
});