Jquery 点击事件渗透问题

Question

我有一个 div，它绑定了一个点击事件。我想在该 div 中放置一个图标，该图标有自己的点击事件。当我单击图标时，它会触发图标事件，然后触发 div 的单击事件。如何防止 div 的点击事件触发？

Answer 1

您可以使用 jQuery 的 event.stopPropagation()：

$('.element').click(function(e)) {
  // Do some processing

  e.stopPropagation();
}

Answer 2

在图标的点击处理程序上停止传播：

$(".myIcon").click(function (e) {
    e.stopPropagation();
    // do stuff
});