Learn JavaScript Event Listeners In 18 Minutes

[@samuelamare3080]

I don't know what's more perfect, this guy's tutorials or his hair!

[@chenteramos09]

LOL dude thats what i was thinking halfway thru the video

[@antoniofuller2331]

Lord Sosuke Aizen would like to know your location

[@FaBioW114]

I have to agree :D

[@feranmi_oni8424]

honestly😂

[@vaguebrownfox]

both

[@ShinAkuma]

This is the hands down the best tutorial I've ever seen on event listeners.

[@bk._550]

ok

[@Ali-mc4le]

www.udemy.com/course/coding-interview-crash-course-for-web-developer-2020/?couponCode=ADA6B72288D49A1CAE25

[@AndrewTSq]

This is the hands down the best comment I've ever seen on videos on event listeners. :-) No he is a good guy who do great videos.

[@silentxcure]

@@AndrewTSq This is the hands down the best response to a comment I've ever seen on videos on event listeners.

[@_shuu9472]

To me he's the best tutor i've ever found on the internet

[@Wesley-Insley-Comedy]

WDS is so nice. no "WHATS UP GUYS AND TODAAY WE ARE LEARNINGGG" - nope. Just a nice, calm, easy to listen to voice and concise and succinct explanations. six months ago I didn't know the difference between the different css selectors and now I am comfortable with react & have started working with firebase. MOST of that came knowledge came from this channel. Couldn't be more grateful. Thanks dude!

[@WebDevSimplified]

I'm so glad I could help!

[@fredcmor]

Thanks

[@WebDevSimplified]

Thank you so much for the support!

[@sapindersingh1165]

I rarely like a video on youtube and this one deserves it. These 18 minutes just leveled up my knowledge about event listeners. Thanks Kyle!

[@bk._550]

same

[@KingKongHitDaBong]

dont be stingy with the likes

[@sapindersingh1165]

@@KingKongHitDaBong haha I gave you a like 😄

[@oortcloud210]

Been coding in JS for 25 years and didn't know about doing a matches call on an event object. It's why I look at videos like this now and then. To refresh and also because you are always learning something new!

[@ChrispyChris3]

The way dude talks super chill and laid back, while not being monotone, AND explaining things well is pretty amazing!

[@sanghvian]

It's just unreal how amazing you are at teaching new concepts as well as making us rethink learnt ones with a fresh and novel direction. Thanks a lot !!!

[@valeriatapia1128]

I FINALLY UNDERSTAND event listeners!! Thanks Kyle!! You're a life saver!

[@maxathanja]

Wow, this is just what I need at the moment. You’re a lifesaver, thanks!

[@gettingComputey]

I've seen a lot of event listener tutorials and this one is best explained. Thank you!

[@Pareshbpatel]

Listen up! - This is, by far , the best tutorial on event listeners I have ever come across. Thank you, Kyle {2021-06-29}

[@mayankstylerock]

The best video of Js and u truly do justice with your channel name "Simplified". Thanks for your hard work man

[@AndrewMelnychuk0seen]

I'm coming from C++ and python and your videos have made me way less mad at javascript. Keep up the great work.

[@stevenleonmusic]

I love event delegation but the one caveat I have is that e. target is always the *most deeply-nested* element. If you want to have your delegate listen for a click event you will be sorely disappointed when it never runs or behaves unexpectedly because your elements are the actual click targets. I've been looking for a clean solution but the easiest thing is to just use a selector that will include the child elements or base everything on the child elements instead of trying to do a container element.

[@pavkey88]

Not only is this a great tutorial on event listeners, it’s also a great way to approach learning how to debug

[@ashkanahmadi]

I was scratching my head for DAYS how to solve the event delegation problem. This finally solved my problem. THANK YOU

[@richardramirez5746]

It's really useful to watch your videos. You keep the same calmed speaking.. I appreciate that!

[@raamch]

You're a leader... Who inspires many and leads the beginner warriors.

[@bigbtripathi]

This is the best explanation of event listeners that I have found in youtube so far.

[@fredcmor]

All the sudden I had to start working with JavaScript and I did not put my hands on it since… somewhere around 2008. Your crash courses are being a life savior. Thanks. Btw, great job!

[@Danelius90]

Same! I'm a fairly experienced backend engineer that's managed to avoid JS for a lot of my career. Now I have to work with it these videos are so good!

[@NaveenYadav-gr4sc]

@@Danelius90 👍🙏v TVllkjcvl l No jio k

[@NaveenYadav-gr4sc]

@@Danelius90 l

[@NaveenYadav-gr4sc]

Ppnnpkpppj knjjnknkpp

[@NaveenYadav-gr4sc]

Hn la jlkpjkplmlm Vflov Bbkpk Kkmp

[@namesaditya]

The last one - adding the globalEventListener is a really good trick. Thanks man

[@thewetfly9207]

Add Event Listener for future elements blow my mind. Respect 😎

[@azuboof]

wait how the fuck am i understanding it all even when im tired and sleepy and not putting 100% attention its just flowing into my ears, the explanation is so simple and good. Thank you goat

[@angelsunshine885]

You Sir, my FANTASTIC teacher! Thank you from the bottom of my heart for providing such valuable and well-explained content!

[@oujisanhikari18]

Excellent explanation hands down best eventListner tutorial I've come across, it's insane how easy to digest it was, Thank you Kyle

[@indratejdev3691]

When it comes to webdevelopment. he is one of the youtuber who explains simple,crisp and clear. Thank you so much.

[@jsmastery1931]

dude i swear u have special talent in simplifying stuff.....

[@Bebsi42069]

When looking for to wrap 1 click event listener around multiple buttons but have each button do it's own thing this pops up and is an absolute god send, now I can clean up my clunky code and publish my Accessibility extention!!!!!! Finally after weeks of errors a solution arrives in hair slick back

[@chandrakant6283]

I've been struggling to understand Delegation & Event Flow, but thanx to this guy now I've understood it well and likely will never forget.

[@lucianasuciu4798]

You're my favorite professor :))) Your videos are amazing , i learned a lot . Thank you so much for your work !

[@PunkSage]

Excellent explanation. I think that a difference between stopPropagation vs stopImmediatePropagation was also worth mentioning.

[@reaperforever8478]

This has made my day , I have been working on a routine app to better schedule my classes , in vanilla js with ejs as a templating engine , used a event listener to attach to a modal for picking the time but I needed some way to delete the event listener after I'm done otherwise it would change all the dates at once , this has saved soo much time

[@aluuusch]

It's a very good tutorial. That being said you might wanna show the html-file shortly in the beginning of the video - just for a better understanding.

[@deniskotov]

Your channel is a chest of gold for me! Thanks a lot!

[@michaeld663]

Thanks solved my problem with the event delegation. I spent like an hour trying to figure it out.

[@wilsonemmanuel1352]

Best JavaScript explanation so far 😊

[@CoryJaccino]

This is one of many reasons why I’ve bought all of his courses.

[@CoryJaccino]

I’d love to see another video on that last part - or even a course - on React (or Angular since I’m starting to learn observables) and event listener best practices. The more projects the better. Thanks for this great video, Kyle!

[@WebDevSimplified]

Thank you so much for the support. I will keep this in mind for when I update my React course.

[@Ali-mc4le]

www.udemy.com/course/coding-interview-crash-course-for-web-developer-2020/?couponCode=ADA6B72288D49A1CAE25

[@CoryJaccino]

@@WebDevSimplified Hey Kyle, I think Ali is on to something. You could make an awesome course on data structures, especially as they are used in the frontend. You could teach it in JavaScript and then show it in React or even in various libraries like Angular, Vue, etc. That would give your courses even more breadth / exposure. Just throwing it out there.

[@aneeqak]

u r my mentor, U made the whole web alot more simpler and interesting

[@TheCodingOdyssey]

because its Web Dev Simplified :P

[@samirkhatri-dev]

Kyle does good and in-depth research regarding any topic. Best Video.

[@dsvhs93]

Look at that fresh fade! Thanks Kyle for the lesson! Will have to watch this a little later on! But I already know it’s awesome!

[@quentina.3021]

Man, you are an awesome teacher! Best explanation/tutorial of event listeners I’ve ever seen.

[@kenkinyua7036]

i learned a lot , this by far the best channel for me in coding ....thanks

[@bmehder]

I never knew how much I didn't know about event listeners. Excellent tut as usual.

[@davidrowlands8962]

I had understood bubbling since we commonly deal with it, but never really got my head around capturing until this video. Now I understand the third argument in the event parameters. This video has made it crystal clear to me. Thanks very much.

[@leg875]

Quality teaching. Seen couple of videos and landed here, you brought smile into my face. Narration matters :)

[@theomegamale5335]

Already knew this stuff, but definitely a great video for those newer to events in js and i still enjoyed watching regardless. Keep up the good work!

[@bluesteel1]

hidden gem ... kyle's once of the best instructors out there

[@MecksOnwenu]

This is very informative. Eventlisteners are a real deal in JavaScript DOM interactions.

[@Ruth5664]

This is the clearest and neatest that the Event Listeners can get. Thanks buddy!

[@OrmHaxanThle]

I've brought so many content about JS, Node.js , ALGORITHMS, Design Patters from different instructors and I have NEVER been able to understand any of these in such depth as Kyle makes me do.

[@peksonholinificent7056]

I think Kyle is cool. His English is clean and simple, knows his stuff and is a great teacher...so you know what,let me just smash that subscribe button!

[@_wadewilson_]

Hey Kyle just wanted to say thanks for these lovely tutorials

[@abhishekmakhun3118]

Mate, this is the best channel on youtube.

[@parmeetsingh9766]

Clean . Crisp . To the point . Hands down , thank god it was the first tutorial i saw

[@DaddyChronic]

I am doing JS since 1998 and learned a lot. Thank You

[@vimalathithand917]

the best video on eventlisteners...great video,learned a lot of things.Really helpful ...!Thank you so much..!😄

[@kirksurber7262]

just spent 12 hours yesterday trying to figure why a delete button wouldn't function on a shopping list I'm making. Here you are explaining it in minutes lol

[@nehagarg1380]

This is one of the best video on event listner.

[@zakariairkha2096]

Thank u much. U literally just solved my life with that event delegation.

[@giorgimerabishvili8194]

One of the best channels on KZbin!

[@vincentjohnflorio]

The beauty of the event delegation at the end is that it's a conventional event listener on the one "element" that there can't be more of and would never need delegation. You produce new things within it, but never a new "it" entirely. So it's a "live" content check.

[@eduard289]

omg 17:00 thank you so much about it ! Knowledge here ..

[@H7forReal]

best tutorial video about event listeners no doubt mane good job!

[@kantyDarius]

Man... You are a real web dev simplifier👏

[@shankarghimire4492]

Thank you so much, lol! I was having headache due to the similar issues on my assignment and finally your this video tutorial helped me solve the issue. I am so grateful to you. Thanks once for sharing your knowledge and skills with the world! :)

[@itboardroom5085]

can't say having headache say have headache or feel pain in my head

[@setyvyas2043]

Very well explained, mate. Kudos!

[@abhijeetmokale5604]

I've always wondered what does the third parameter in event listener does and Thanks to you !!!! your way of explaining makes everything easy to understand...love from INDIA !!!

[@pbellomagnani]

This viedo is amazing, Thanks Kyle, your explanation is perfect and very useful!

[@xGalasko]

easiest way to remember bubbling is that in a row of bubbles if i throw a needles through the bubbles they will pip one after the other in a row til the last one, but when you capture something with a camera for example, the closest thing to the lens will be captured first etc

[@abdullahsoomro6238]

I watched this video 2 times. To really understand the event bubbling and event capturing. You taught it really nice and simple way.❤

[@tan2cang93]

thanks, bro. now I know how to implement removeEventListener() correctly

[@michaelbrauner]

Oh dude. I like how your break it down and structure your tutorials. Very good.

[@ug3469]

Thank you very much for covering so many options for event listeners

[@Born2DoubleUp]

you explain things so well... im watching all your lessons.

[@kalyanp7857]

Teaching is an art but with precision is what Kyle has! I have been a backend guy for 04 years but now I want to do some cool UI stuff your videos are helping a lot. Thanks mate!

[@sallylauper8222]

I thought backend guys knew everything?

[@eo333]

You are doing the world a great service!

[@nightfire777]

I'm watching all your videos now, great

[@1900-u6u]

This is a breath-takingly good clarification. Subscribed for sure.

[@imdagz4070]

You're legend! This helped me solve my problem!

[@jeffreyjdesir]

You're such a gem, I wish I could bundle you 💎

[@TomasMisura]

I am not gonna lie I found this video as extremely useful as everything I need is in one place and don't need to look around. I am not using Event listeners very often even I would (I am not pro, sorry ) but this video made me to learn more about.

[@tommykelly1007]

Great video. After watching your videos you have inspired me to make my own KZbin videos I feel I am finally ready to do so. Thanks

[@darpananeja6755]

Superb explanation and fully informational video!!

[@eidenblock]

Man, i have to say thank you for you job!

[@chander1542]

Looks like from the next. I dont have read docs for applying event listener. Thank you for the simplest explanation

[@catt_1763]

Thanks sir I have learnt so many things from you including advanced css and basics of js now going for advanced js (Modules and js frameworks )

[@eric69969]

Best explanation ever! Thank you so much!

[@charusharma7738]

superb explanation kyle keep up the good work

[@jpd8]

Kyle your an awesome guy. You explain things thoroughly and clearly. Your pacing is perfect and the visuals you use are informative and easy to read. Keep being awesome man.

[@veremox]

i'm currently on a programming school and boy, their video/written material is absolutely trash. They fragment the content so poorly that is painful to watch 3 15 min videos to learn basically 2 syntax pieces and a couple of examples. honestly I just skip all their content and watch your videos and then go back to the platform to do the exercises. No wonder I'm one of few the people there who never had any contact with programming and I am proudly doing very well and keeping the pace along people with past knowledge! People there unfortunately don't know english so accessing quality material is very hard and they depend on the course's material and boy, it's almost painful to watch them struggle. When I have free time I translate your videos to some of them. thanks for the quality material, man! you're saving me!! =)

[@pauldodd6909]

Really easy to understand video of events and event listeners in JavaScript. Thank you.

[@kingwoodbudo]

This was great. Kind of spooky at the same time as I've been working on a project at work this last week involving bubbling and how to get the tool tips to only show up for the element I've on, not the parent. Lots of other good info that I plan on using. Thank you very much!

[@y-yyy]

So clear, pleasant to listen to and to the point. You're a legend, thank you!

[@marcusaureliusregulus2833]

Figured out yesterday that there was more to event listeners. Guess whose video I chose to watch to clear all doubts😊

[@timi_t_codes]

After watching your "Should You Learn React" video and now this I see what you mean when you said that people should properly learn Javascript before frameworks such as React. I can imagine a new JS developer coming across infuriating bugs because he/she can't understand the behaviour at 14:50.

[@satyampandeysm]

Wow! I learnt so many things from this single video.

[@rossclutterbuck1060]

Nice and concise overview. Conspicuous by their absence are stopImmediatePropagation and preventDefault methods for the event.

[@puspamadak]

Wish I got this video before! As always, you have explained everything in a very simple and easy way.

[@ameyapatil1139]

wow dude, this is super easy and extremely informative ! splendid job.