jQuery - wyłączenie funkcji na kliknięcie elementu nadrzędnego

Question

mam strukturę jak ten

<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> 

po kliknięciu na przycisk, tr kliknij zdarzenie nazywane również. czy istnieje sposób wyłączenia zdarzenia kliknięcia na elemencie nadrzędnym? jedynym znalezionym rozwiązaniem jest dodanie klasy do elementu nadrzędnego, a wewnątrz funkcji sprawdzania kliknięcia. na przykład:

<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

użycie .stopPropagation()

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

demo

Answer 2

zatrzymania propagacji?

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

To zapobiegnie zdarzenie click z przepuszczając przez swoich rodziców.

Answer 3

.stopPropagation() będzie działać, ale jeśli nie chcesz zatrzymać całego zdarzenia, możesz po prostu wystrzelić, jeśli cele się zgadzają.

See this thread.

Answer 4

Można również sprawdzić stan propagacji stosując event.stopimmediatepropagation() i event.isImmediatePropagationStopped()

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

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