使用该元素中的另一个单击事件覆盖click事件

Question

我有以下代码：

<a id="clickme" href="#">
    <span>Text for link goes here</span>
    <button id="deleteme">X</div>
</a>

以下javascript：

$("body").on('click', "#clickme", function(e) {
  //stuff here
});


$("body").on('click', "#deleteme", function(e) {
  //stuff here
});

如何点击#deleteme #clickme的点击事件未运行？

Answer 1

使用stopPropagation

$("body").on('click', "#deleteme", function(e) {
  e.stopPropagation();
});