Capturing and Bubbling in JavaScript (Event Listeners)

In this article, we will discuss about the concept of capturing and bubbling in JavaScript (Event Listeners) in depth with code demonstration.

Table of contents:

Event Bubbling vs Event CapturingBubblingCapturingDemonstration of Capturing and BubblingEvent Bubbling vs Event Capturing

There are two ways of event propagation in the HTML DOM:

BubblingCapturingBubbling

In bubbling the inner most element's event is handled first and then the outer most element.

Capturing

In capturing the ou...