Possible de survoler les événements javascript? [dupliquer] - javascript, jquery, gestion d'événements

Je me demande s’il est possible d’avoir un événement click en javascript à la fois sur la ligne du tableau et sur la colonne icône sans que l’événement tr ne se produise. Le tableau ressemble à ceci

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

et j'ai 2 événements de clic qui y sont liés.

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

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

mais à chaque fois que j'essaie de déclencher l'événement click sur l'événement icône de la ligne, il se déclenche à la place. est-il possible de saisir l'événement tr et de déclencher le clic de l'icône?

Réponses:

Oui, vous appelez e.stopPropagation() à partir du gestionnaire de l’icône, cliquez sur ce bouton pour qu’il ne se propage pas ("bulle") à la ligne:

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