Bubbling vs Capturing in JavaScript | JavaScript Events Tutorial

Published: 30 April 2018
on channel: dcode

37,130

1.1k

When working with events in JavaScript you have the option of using 'bubbling' or 'capturing' to define the order in which the event handlers fire off. In most cases, bubbling is default.

Typically you don't need to worry about capturing unless you need ultimate control over your event handlers. This concept is only relevant if you have a parent element and a child element which both have event listeners.

When using 'bubbling', events are fired off beginning with the child element and then go up to the parent.

In contrast, 'capturing' means that events are fired off from the parent first, and then down to the child element.

In this video I show you a simple example of how these two options differ with a 'paragraph' tag and a 'strong' tag.

For your reference, check this out:
https://developer.mozilla.org/en-US/d...

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

On this page of the site you can watch the video online Bubbling vs Capturing in JavaScript | JavaScript Events Tutorial with a duration of hours minute second in good quality, which was uploaded by the user dcode 30 April 2018, share the link with friends and acquaintances, this video has already been watched 37,130 times on youtube and it was liked by 1.1 thousand viewers. Enjoy your viewing!

13,912

323