Prevent multiple click event when clicking child element [duplicate]

Question

I have a list of elements.

Each element have a global click event and a child icon which should also be clickable.

Example :

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

For now when I click on the span, both click are fired. How can I separate it from the parent click event ?

Alexis · Accepted Answer · 2018-02-16 15:44:03Z

0

Catch the event on both methods (parent and child) and call event.preventDefault() or event.stopPropagation()

answered Feb 16, 2018 at 15:44

Alexis

5,8211 gold badge30 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1