Meteor.js：阻止事件传播的最佳方法

Question

在Meteor.js中考虑这个模板。

<template name="trial">
  <li id='{{ _id }}'">{{ name }}
    <span>X</span>
  </li>
</template>

我想在“li”中添加一个事件，在“span”中添加另一个事件。如何防止点击跨度以触发附加到li的事件？我发现有些帖子在讨论这个问题，但它们已经存在多年了。

非常感谢你的帮助！

Answer 1

要防止事件冒泡到父元素，请使用事件对象的stopPropagation()。适用于本机JS事件或React事件：

spanClickHandler(event) {
    event.stopPropagation();

    // handle click
    ...
}