親クリックでトリガイベントが子ではない

絶対配置されている親divと、次に高いz-インデックスを持ち、相対的に配置されている子divがある場合は、クリックイベントのみを登録する方法があります親divがクリックされているが内部divはクリックされていない場合親クリックでトリガイベントが子ではない

Relevant jsFiddle

Updated fiddle with text input example

出典

2012-06-20 Christian Benincasa

$(".parent").click(function(e) { 
    if (e.target == this) { 
     $(this).hide(); 
    } 
});

DEMO：http://jsfiddle.net/Bt5HA/4/

出典

2012-06-20 16:21:12 VisioN

ああ！美しく簡単です、ありがとうございます。 –

@ChristianBenincasaあなたは歓迎です:) – VisioN

http://stackoverflow.com/a/11124083/601179 – gdoron

変更するには：彼らはをクリックしているとき

$('.child a').click(function(e) { 
    $(this).parent('.child').hide(); 
});

出典

2012-06-20 16:20:42

子がクリックされた場合にのみ動作することを確認することができます作業この

$('#child').click(function(event) { event.stopPropagation(); alert('You clicked Child'); }); $('#parent').click(function() { alert('You clicked on Parent'); });

を試してみてください。親がクリックされた場合はどうなりますか？ – j08691

アクセスの子要素とはfalseを返しhttp://jsfiddle.net/Bt5HA/3/

出典

2012-06-20 16:21:11 xCander

VisioNは、このポストを無視して、最高のソリューションを持っています – xCander

あなたがここに http://jsfiddle.net/VnHGh/24/

出典

2015-07-02 10:30:00

親クリックでトリガイベントが子ではない

答えて

関連する問題