单击子元素时防止多次单击事件

Question

我有一个元素列表。

每个元素都有一个全局点击事件和一个子图标，该图标也应该是可点击的。

示例：

<div class="parent-element" (click)="clickParent()">
   <span class="button" (click)="childClick()">
   </span>
</div>

现在，当我点击跨度时，两次点击都会被触发。如何将其与父点击事件分开？

Answer 1

在两种方法（父级和子级）上抓住事件并致电event.preventDefault()或event.stopPropagation()