单击子元素时防止多次单击事件[重复]答案

【问题标题】：Prevent multiple click event when clicking child element [duplicate]单击子元素时防止多次单击事件[重复]
【发布时间】：2018-07-27 13:32:52
【问题描述】：

我有一个元素列表。

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

例子：

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

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

【问题讨论】：

【解决方案1】：

在两种方法（父和子）上捕获事件并调用event.preventDefault() 或event.stopPropagation()

【讨论】：