是否可以验证javascript事件?

是否可以验证javascript事件?,javascript,jquery,event-handling,Javascript,Jquery,Event Handling,我想知道是否有可能在javascript中在表行和图标列上都有一个click事件,而不发生tr事件。这张桌子看起来像自动取款机 <table id="the-table"> <tr> <td class="name">a name</td> <td class="description">a description</td> <td class="time">00:00:00<

我想知道是否有可能在javascript中在表行和图标列上都有一个click事件,而不发生tr事件。这张桌子看起来像自动取款机

<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>
但每次我试图触发图标上的click事件时,就会触发table row事件。是否可以捕获tr事件并触发图标单击?

是的,您可以从图标单击的处理程序调用,以便单击不会将气泡传播到行:

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

在发布新问题之前,请尝试搜索类似问题
$( "#the-table .icons i" ).click(function(e) {
 e.stopPropagation();
 //do something else
});