What is event bubbling, event capturing and its use?

Question

Accepted Answer

Event bubbling and event capturing are two mechanisms in JavaScript that describe the order in which events are handled.

Event bubbling is the process where an event is first captured by the innermost element and then propagated to its parent elements.
Event capturing is the opposite process where an event is first captured by the outermost element and then propagated to its child elements.
Event bubbling is the default behavior in most browsers.
Event.stopPropagation() can be used to stop event propagation.
Event capturing can be enabled by setting the 'capture' option to true in the addEventListener() method.

Accepted Answer

Event bubbling is a way of event propagation in the HTML DOM API, when an event occurs in an element inside another element, 
and both of them have registered a handle for that event. 
The event first runs the handlers on the inner element, then on the outer one.

Event capturing is a way of event propagation in the HTML DOM API,
when an event occurs in an element inside another element,
and both of them have registered a handle for that event.
The event first runs the handlers on the outer element, then on the inner one.

What is event bubbling, event capturing and its use?

Top Snapdeal Front end Engineer interview questions & answers

Popular interview questions of Front end Engineer