Bubbling vs Capturing in JavaScript | JavaScript Events Tutorial

[@dubola5777]

My professor used a big chunk of a code to explain this, and he confused the heck out of me, but all i needed was to watch your 5 min video. Thank you. And by the way, i have an exam after two and a half hours.

[@dcode-software]

That is so awesome, thanks!!

[@InfinityEscape]

@dubola5777. Same bro😏

[@ct-ef6wx]

thanks for taking the time to make this, the explanation was straightforward and clear which made it easy for a beginner like myself to grasp.

[@sathvikmalgikar2842]

It really is that one guy on UA-cam whose videos are more useful than professor lecturers

[@codedynamics1]

I don't think there's a better explaination on youtube.. awesome stuff Dom very clear thank you

[@Paraprax]

Couldn't figure out exactly what this concept meant from multiple written explanations, before seeing this. Great workthrough.

[@Angirash]

that's called simple and sober. Thanks buddy

[@esaruhan]

Great! it is great to explain in just 5 minutes! i was confusing about this. Thanks

[@AndrewScida]

thanks for explaining this! it was a hard concept to get from a text book

[@jerickbetasa2171]

thanks for explaning the difference of bubbling and capturing

[@frontend3409]

Simple and easy. Good job, bro

[@dcode-software]

You're welcome. Glad this video could help you!

[@andromilk2634]

Very clear video, thanks. For the third argument of the method, do I need to put this boolean all the events as the same, or I can just define the event propagation according to the outer most parent? Or both are valid?

[@MarksmanVallecillo]

Awesome video, very simple and strait to the point explanation

[@komiljonyormurodov3979]

thanks, now it makes much more sense for me

[@OdradasMarch2027]

Very nice video❤ just wanted to know, what is the use case ? where these concepts will be useful.

[@nuncasobranlaspalabras9101]

Nice and simple. Good job!

[@ΚλαϊντιΑ]

Ncie video! What keyboard are you using and what switches :D ?

[@SaeleeSaan]

I would like to see an example of a use case for capturing as bubbling is by the default.

[@WhyIsGhostInTheArena]

thank you for this simple breakdown!

[@Chukonu5]

What keyboard are you using? It sounds nice

[@HaxGuru]

Thank you so much! You explained it really well! BTW which font are you using in Visual Studio Code? I'm in love with that font!

[@dcode-software]

No worries mate! The font I'm using is Fira Mono/Fira Code

[@HaxGuru]

@@dcode-software Thank you so much again!

[@HaxGuru]

I wanted to ask you one more question that how is you windows 10 soo minimalistic? Please tell me!

[@dcode-software]

I haven't touched Windows at all haha - it's completely stock.

[@HaxGuru]

@@dcode-software Nice

[@PubuduDodangoda]

Nicely explained

[@viktorlernt6063]

What does matter for the order? The order in the DOM or the z-index?

[@shahbokhari]

Very nicely explained! ThankYou

[@dcode-software]

No worries mate

[@gooddevil79]

thank you so much, i got a question ; what about target phase that happened after capturing and handle the event at target element that event generated by that, I mean when we use event delegation like in navigations , it will capture the parent,and target phase, then start to bubbling up till doc.. root in DOM, and child are not in bubbled up phase cuz they didnt originate the event, their parent did , so only way to get access to child elements is e.target property , how bubbling is working here?

[@madhurigunda7708]

simple and great explanation.....thank you

[@chunkwanchan5503]

silly question, the capturing option (true) should add to parent element, not the child right?

[@sonle23-j2d]

Useful short videos

[@Daniel-the_one]

When and why would you use bubbling vs capturing and viceversa? The parent is triggered in both ways.

[@willyanferreira7998]

Obrigado
Um like from Brazil

[@hasnainAliDev]

Thanx 4 clearing my doubts....Nice explaination.

[@drpartyy3799]

Good stuff, thanks!

[@koresam9351]

VERY USEFUL !!!

[@dcode-software]

Awesome

[@vigneshkarthikeyanr4374]

Awesome stuff..... Good explanation

[@miw879]

NICE!! PRECISE!! AND AWESOME!!

[@SuperQuwertz]

Their parent knew his destiny and named him DOM

[@anollipian]

Thank you , you made it so easy.

[@sammclaren6965]

thanks a lot for your help. well done!

[@SalahLFC11]

I wonder where these two would be applicable.

[@kruljac10]

Nice job. Maybe just to mention when adding 'useCapture' that order is not really reversed. For example, if u had PARENT, MIDDLE and CHILD elements, and if u put `true` on PARENT for `useCapture`, result would be PARENT-CHILD-MIDDLE ( not reversed like its mentioned in video PARENT - MIDDLE - CHILD)

[@mohamedalqady7427]

thank you, that was very useful for me

[@dcode-software]

All good!

[@ousmand742]

Dom on the Dom..nice

[@albarleta2361]

console.log("Badum tsss!");

[@ibrahim_youssef_13.12]

you are very awesome, Thank you

[@ripplem5121]

Good video!

[@erickroo]

Gracias (thank you)!

[@jasonmwenyo8621]

Thank you!

[@viniciusm.m.7822]

Thanks!!!

[@deki90to]

Perfect!

[@zdargahi]

thanks so much

[@xeon789]

so good

[@doctordilanka]

Did you say your name is DOM? LMFAO

[@codingismyreligion]

Read 2 pages of complicated documetation or watch 5 minutes of easy to understand youtube video...hmmm...

[@profahmad1]

Thank you !