Prevent on click on parent when clicking button inside div

Question

Is it possible to prevent the function on the

element from running when clicking the button inside the div?

When clicking the button element

Answer 1

additionally, if a child element detains you from clicking the parent element, you can fix this by adding CSS to the child element pointer-events: none. this solution is valid if there is no event in the child element.