Event Delegation in JavaScript, Simplified

Event Delegation is an event handling pattern based up on the concept of Event Bubbling in the DOM. The idea is that you delegate the handling of an event (triggered on an element) to its parent or ancestor element.

This can improve performance in your applications as you use fewer event listeners for the same logic.

_____

_____

🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.

_____

⚡️ Connect with me:

_____
#deeecode

[hybs]

Maaan! Thank you for this. You use simple english to explain things, straight to the point, very concise with a lot of examples. I easily understood what event delegation is. Only gripe I had is the 'target' event not explained enough, but that's on me, I need to research more on that. Thank you very much. Might check out your other tutorials because of how well you teach the topics. Hope you get a lot of subscribers so you get motivated to post more good tutorials like this.

[FranklinAirlonger-jmpj]

You’re good bro, the simplicity of your classes are superb

[tommuc]

Wow, that was super clear and simply. Thx.

[mlindatech]

Man you are wonderfully simple English straight to the point beautiful✌️🙏

[HarshSingh-hkfe]

that's really a cleanest explaination no bullshit straight to the point thanks alot bro

[Mamagarden]

Your teaching style is really amazing ❤❤❤

[timeless]

The explanation is AWESOME ! Thank you so much❤

[JD-hqkn]

You really simplify things.. Thanks man !!

[PaulJBurgess]

Thank you! I'll be back to this channel, I'm pretty sure.

[riyatiwari]

Thank you so much, loved it! Keep uploading this series. ❣❣

[BriariusTitan]

Thanks for the help, you clarified it well.

[malikmartin]

Thanks! This should help me write cleaner (and more optimized) code!

[youtubejproasters]

Hey man nice video, out of curiosity, what if you had to put in these 3 buttons a different action to happen after a click event, would you make the if statement with their ids as validator? And you would make 3 if statements for different action if event.target === button 1 for example etc etc ?

[thefootballcore]

hey, do you play football, if yes, Chelsea is ready to sign you mate, you match perfectly with their needs