Question 1

What is event delegation and how does it use bubbling?

Accepted Answer

Event delegation puts one listener on a parent instead of many on children. When a child is clicked, the event bubbles to the parent, which checks e.target to determine which child was clicked. This uses bubbling to handle multiple elements efficiently.

Question 2

What is event bubbling (Oyo question)?

Accepted Answer

When an event on a child element propagates up to its parents. A click on a button inside a div triggers the button's listener first, then the div's listener, up to the document.

Question 3

How do you stop event bubbling in JavaScript?

Accepted Answer

Call e.stopPropagation() in the event handler. This prevents the event from propagating to parent elements. Other listeners on the same element still run.

Question 4

What is the difference between stopPropagation and stopImmediatePropagation?

Accepted Answer

stopPropagation prevents bubbling to parents but other listeners on the same element still run. stopImmediatePropagation prevents both bubbling and other listeners on the same element.

What is event delegation and how does it use bubbling?

More FAQs in Event Bubbling Interview Questions (Oyo)

Still have questions?

Want to upskill yourself?

Small steps. Big possibilities.

Our courses are taking a Coffee break, but your curiosity shouldn't. Stay engaged with namastedev linkedin, youtube, discord and other resources while you wait.