jquery - Deaktivieren Klickfunktion auf Elternelement

Question

ich habe Struktur wie diese

<table><tr><td></td><td><input type="button" name="button"></td></tr></table> 
<script> 
$('tr').click(function(){window.alert('tr');}) 
$(':input').click(function(){window.alert('input');}) 
</script> 

, wenn ich auf den Button klicken, Ereignis tr klicken auch genannt wird. Gibt es eine Möglichkeit, Klickereignis für Elternelement zu deaktivieren? Die einzige Lösung, die ich gefunden habe, ist, Klasse zum Elternelement hinzuzufügen und innerhalb seiner Klickfunktion nach ihr zu suchen. zum Beispiel:

<script> 
$('tr').click(function(){ if(!$(this).hasClass('disable')) { window.alert('tr'); } $(this).removeClass('disable'); }) 
$(':input').click(function(){window.alert('input'); $(this).closest('tr').addClass('disable');}) 
</script> 

Answer 1

Verwendung .stopPropagation()

$('tr').click(function(){ 
    window.alert('tr'); 
}); 
$(':input').click(function(e){ 
    e.stopPropagation(); 
    window.alert('input'); 
}); 

demo

Answer 2

Stopp-Übertragung?

http://api.jquery.com/event.stopPropagation/

Dies wird das Click-Ereignis von sprudelnden durch seine Eltern verhindern.

Answer 3

.stopPropagation() würde funktionieren, aber wenn Sie nicht das gesamte Ereignis anhalten möchten, können Sie es einfach auslösen, wenn die Ziele übereinstimmen.

See this thread.

Answer 4

Sie können auch den Status Ausbreitung überprüfen event.stopimmediatepropagation() und event.isImmediatePropagationStopped() mit

$(':input').click(function(e){ 
    e.stopImmediatePropagation(); 
    var status = e.isImmediatePropagationStopped(); 

    //CHECK 
    console.log(status); //true-false 
});