#event bubbling

[coderethinked]

what is event bubbling? How does event bubbles up? In this post, I'll explain how event bubbling happens and how to achieve event bubbling with JavaScript and jQuery using event delegation. Event dele

event bubbling is an awesome concept of bubbling the event up the hierarchy.

In this post, we’ll see what is event bubbling? and how to implement event bubbling? 

[johnchen]

JS - What is event delegation and event propagation?

Event delegation is when you attach a listener to an element, all of its children will also be able to trigger that listener. An example would be if you had a <ul></ul> of 10 <li></li> . You would just need to have one event listener on the <ul></ul>.

Event bubbling and capturing are two ways of propagation.

Bubbling means that when a child and parent both have an event listener for the same event, the child handles the event before the parent.

Capturing is the opposite and means that the parent will handle the event before its children.

[webvars]

What are the event capturing and bubbling

Let’s assume that there are the same events attached to an element and its some parent elements. Which event will be executed at first? Or what is the event order?

Example

Event capturing and bubbling

Click Me

// Variables var container = document.getElementById('container'); var article = document.getElementById('article'); var paragraph =…

View On WordPress