What do you mean by Event Bubbling and Event Capturing?

There are two ways for accomplishing event propagation and the order in which an event is received in the HTML DOM API.

These are Event Bubbling and Event Capturing. In the former, the event is directed towards its intended target, whereas the event goes down to the element in the latter.

• Event Capturing – Also known as trickling, Event Capturing is rarely used. The process starts with the outermost element capturing the event and then propagating the same to the innermost element.
• Event Bubbling – In this process, the event gets handled by the innermost element first and then propagated to the outermost element.

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers

• How do you pass a variable by value in PHP?
• Include jQuery in the JavaScript Console
• Flutter redux StoreConnector vs StoreBuilder
• How do you configure vuejs in webpack?
• What is the difference between Imperative and Declarative in React?
• Firebase Auth with email for Flutter
• How to add bridging header to Flutter Plugin
• What is diffing algorithm?
• How to test Async Storage with Jest?
• Write a program in Python to produce Star triangle?
• Why does Java have transient fields?
• What are include() and require() functions?
• How to cache json with wp-super cache in WordPress?
• Exclude products from a particular category on the shop page
• How to add logical if statement when rendering React components?