What is event bubbling in JavaScript?

What is event bubbling in JavaScript?

Event bubbling is a type of event propagation in the DOM where an event starts from the target element and bubbles up to its ancestors.

Can you give me an example of event bubbling?

Sure! If you click a button inside a div, the click event first triggers on the button, then on the div, and so on up the hierarchy.

How can I stop event bubbling?

You can stop event bubbling by using the stopPropagation() method on the event object in your event handler.

What are the differences between event bubbling and event capturing?

Event capturing is the opposite of bubbling; it starts from the outermost element and goes down to the target element.