Możliwe do pominięcia zdarzenia javascript? [duplicate] - javascript, jquery, obsługa zdarzeń

Zastanawiam się, czy jest możliwe, aby zdarzenie click w javascript zarówno w wierszu tabeli i kolumna ikony bez zdarzenia tr dzieje się zamiast tego.

<table id="the-table">
<tr>
<td class="name">a name</td>
<td class="description">a description</td>
<td class="time">00:00:00</td>
<td class="icons"><i class="fa fa-info"></i></td>
</tr>
<tr>
<td class="name">a name</td>
<td class="description">a description</td>
<td class="time">00:00:00</td>
<td class="icons"><i class="fa fa-info"></i></td>
</tr>
</table>

i mam związane z tym 2 zdarzenia kliknięcia.

$( "#the-table tr" ).click(function() {
//do something
});

$( "#the-table .icons i" ).click(function() {
//do something else
});

ale za każdym razem, gdy próbuję wystrzelić, zdarza się, że zdarzenie kliknięcia na ikonie powoduje rzucenie zdarzenia. czy można złapać wydarzenie tr i po prostu odpalić kliknięcie ikony?

Odpowiedzi:

Tak, dzwonisz e.stopPropagation() z obsługi kliknięcia ikony, aby kliknięcie nie rozprzestrzeniło się ("bąbelek") do wiersza:

$( "#the-table .icons i" ).click(function(e) {
e.stopPropagation();
//do something else
});