Javascript Event Listeners in depth
You will be using events in almost every web app that you build. Therefore it is important to understand the basics of JavaScript events.
After watching this video you will have an understanding of event listeners - how to add them, remove them. Grasp advanced concepts such as bubbling and capturing. What is the event object? How does event propagation occur and how prevent the default behaviour of an event.
⏱Timestamps:
0:00 Intro
1:36 Adding an event listener
3:56 Removing event listener
5:45 Event object
7:18 Different between event capturing and bubbling
7:33 Event Capturing
7:44 Event Bubbling
8:56 Event bubbling coding example
11:29 Event Propagation
12:50 Understanding event target
14:16 Event capturing coding example
18:22 Prevent event default
23:10 Outro
💰 If you'd like to buy me a coffee, that would be wonderful, thanks! - https://www.buymeacoffee.com/gaurav.sen
► Blog: https://gauravsen.codes/blog
► Mentorship - https://gauravsen.codes
Find me here👇🏼:
► Instagram: / gaurav.sen_
► Twitter: / gaurav_sen_
► LinkedIn: / gauravs3n
#EventListener #JavaScript #TweakedDev #DOM #HTML