JavaScript DOM Crash Course - Part 3

In this lesson in the JavaScript DOM, we will be looking at different events and how to attach them to DOM elements with addEventListener();

CODE: Code for this video

BECOME A PATRON: Show support & get perks!

ONE TIME DONATIONS:

COURSES & MORE INFO:

FOLLOW TRAVERSY MEDIA:

NEW DISCORD CHAT SERVER:

[eS_Zett]

00:11 Introduction
00:45 Event Listener Introduction
02:46 .addEventListener() with Click Event
04:59 Event Parameter
05:47 e.target
08:43 e.type
09:10 e.clientX
09:40 e.clientY
10:01 e.offsetX
10:29 e.offsetY
10:54 e.altKey, ctrlKey & shiftKey
12:26 Mouse Events
14:18 dblclick
14:38 mousedown
15:00 mouseup
15:17 mouseenter
17:03 mouseleave
17:19 mouseover & mouseout
19:15 mousemove
23:05 Keyboard & Input Events
24:17 keydown
26:11 keyup
26:34 keypress
26:50 focus & blur
27:34 cut
28:41 paste
28:50 input
29:23 change
31:50 submit

[seanlangley]

Thank you, I do not have money for the study, and your channel is a pearl in this sea with the name of Youtube. Thank you so much, Brad! God bless you!
Guys, switch off AdBlock at this channel, please ;)

[soultouchingsongs]

Excellent tutorial on DOM with easy explanation.. You are the best teacher. Thank you.

[Wind_Lamp]

I bought few courses from udemy to learn DOM, but no one has such explanation and teaching ability, finally I found this course on YouTube, thank you very much Sir to share your knowledge, you are great teacher too .

[aranguren]

Brad, you are an incredible person for doing this. I´m currently taking a part-time, semi-remote career on web dev and your courses are helping me compliment a LOT of things that are sometimes left half way. Keep on doing this man, you seriously rock.

[ironheadmedia]

One of the best tutorial video I have ever watched. If you have not watched yet and intend to watch, don't waste any second by waiting

[rs.wright]

Can't express how helpful this series is... Every major tutorial site/channel that teaches JS focuses primarily on the JS algorithms, but teaches nothing about how to actually use it to alter the DOM.

Also appreciate the concise yet thorough explanations, there is a lot of info packed in this half hour.

[satvik]

These 4 videos on DOM and its manipulation are very important. Many talented developers were not able to explain this topic while teaching JavaScript but Traversy Media did it very nicely. Thanks a lot 🙌

[RedEyedJedi]

For anyone who hasn't heard of emmet or used emmet, I highly recommend learning about it. It's really not hard and it speeds up writing html a lot. I have banned myself from typing html now, and only type emmet and by doing that, I have managed to pick it up really quickly. Thanks for another brilliant video Brad, you're an awesome teacher.

[jojepacana]

your such an amazing teacher, i love the way you explain, now i can develop by referencing your tutorials and i hope you don't get bored of doing like this just to help us beginners. thanks a lot, god bless

[AngaarUriakhil]

Thanks a bunch. Had no clue about DOM before I started this course. Free too. What a time to be alive.

[Spoopers]

I'm in a JS class at school that I paid way too much money for and I just learned more from two hours of your videos than I have in 4 weeks of that class.

[Haidderispro]

This is the most straightforward dom and JavaScript video I have seen. Thank you

[vincent]

up to now, you still the inspirations 😭

[bipuljha]

I've been following you for a while now and I've just noticed that you've reached 2 million followers. Congratulations Brad, you totally deserve this and much more. Cheers!!🍺🍺

[Brandon-yyey]

This tutorial connected many dots for me. I have been struggling with making burger menus work, but your addEventListener examples have really helped me with this. I created another event function so that "Hello" in the box div would turn on & off with mouseover & mouseout, and the light bulb went off in my head. Thank you, sir!

[sarvinismayilov]

Brad! Thank you for all your great work in this channel! As a starter on this field i find it all well structured to get to the point!

[Aimopotis]

This is fantastic for me as a new Developer

[bitflipped]

I've been learning c and c++ for a year and tried to migrate here, and these are new to me. Thanks for the tutorial

[divyasampath]

Event Listener was quite a deal for me before, this vdo was all that I needed!