What is event bubbling and capturing in javascript?

Event Bubbling and Event Capturing are the ways of the event propagation in the HTML API when an event occurs in an element which is located inside the other part and both the parts have registered a handle with the recently happened event. Here the event propagation mode identifies that in which order the elements receive the event.

In the case of Event Bubbling, the event is first captured and also handled by the innermost element, and then the event is propagated to the outermost element.

In the case of Event Capturing, the event is first captured and also handled by the outermost element, and then the event is propagated to the innermost element.