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

• Accessing plugin settings in Gutenberg
• Is it possible to remove username field from the registration page?
• Flutter Expanded vs Flexible
• How to persist state across react router transitions?
• How to style BottomNavigationBar in Flutter?
• Alter how often WordPress Auto-Updates Plugins
• How to create raw image from Widget or Canvas?
• Flutter Space Evenly in Column does not work as expected
• How to do the “frosted glass” effect in Flutter?
• What are the problems solved by Single File Components?
• How to make 1/3 of an image take up the full screen
• How to find all indices of a number using C++?
• What are the reasons for HTTP 404 errors?
• How to style react-select options?
• React component not re-rendering on state change