This is because of the concept of event bubbling in the DOM (Document Object Model). When an event is triggered on an element, the event first goes through the innermost element and then propagates outwards to the outer elements, triggering their event listeners as well. This is known as event bubbling.
So, when we have an inner element and an outer element with their respective event listeners, the event on the inner element will be triggered first and then the event on the outer element will be triggered. This behavior can be changed using stopPropagation() method to prevent this bubbling behavior.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2021-08-25 11:00:00 +0000
Seen: 12 times
Last updated: May 31 '22
How to give an <svg> element a double border using CSS when there is no style attribute present?
Why does the fixed position interfere with the functionality of overflow hidden?
How can I customize the Swiper Element v9 in ionic 6 with stylish design?
What is the method of using relative position in CSS?
What is a more effective method to verify the type of an Array containing elements of any type?
What is the method for placing an element beside a relative element?