Jquery 为什么一次点击HTML元素，就触发两次？

这是一个被多次询问并解决的问题。 我们使用

或

但问题的主要部分没有得到明确回答…
为什么会发生这种情况？这些方法是如何解决这个问题的

例如： 我在服务器端创建此脚本和html并将其传递给客户端：

滑动分页 HTML

代码
名称
0
---

---

当我删除

e.stopImmediatePropagation（）时单击fire两次。
在Chome开发工具上，选中事件侦听器断点>鼠标>单击

，您将能够看到谁触发了此事件。

您可以发布一些代码吗？如果有两个事件侦听器，一个用于父事件，另一个用于子事件。在那之后，一个人对child

事件执行一些操作

bubbles upI edited post并放入我的代码…请同时添加您的HTML或用于此部分的HTML。这使得找出问题所在变得更容易。我的主要问题是这些问题的原因。如果我在某个地方出错，我想用正确的代码来防止这个问题

e.stopImmediatePropagation();

e.stopPropagation(); 
e.preventDefault();

$('body').on('click', '#GridContainer tbody tr', function (e) {
                e.stopImmediatePropagation();
...
});

<div id="GridContainer" class="webGridContainer">
    <table class="webgrid TestList table  selectableGrid" id="GridTestList">
        <thead class="TestListHeader">
            <tr>
                <th data-lab-name="TestId">code</th>
                <th data-lab-name="TestName">Name</th>
            </tr>
        </thead>
        <tbody class="TestListBody TestListAlternativeRow">
            <tr class="">
                <td data-grid-name="TestId">0</td>
                <td data-grid-name="TestName" class="TestListTestName" style="">---</td>
            </tr>
        </tbody>
        <tfoot class="TestListGridFooter"></tfoot>
    </table>
</div>