What Does "(e)" Mean in JavaScript? - Event Handler Object Explained
The one thing that always confused me when I was learning JavaScript was what exactly the "e" or "ev" was when using events on things like button clicks or mouseovers - in this video, we take a look at how this object is useful for JavaScript coding.
For your reference, check this out:
developer.mozilla.org/en-US/d...
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript
Пікірлер: 88
*RELATED VIDEO: COMPLETE OVERVIEW OF JAVASCRIPT EVENTS* kzread.info/dash/bejne/i52DzsOio8bXdLw.html 🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇 www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1
As a few people have pointed out, the parameter "e" can be named anything. Other common names for the event object parameter is "ev", "evt" or "event".
Here it is. If you call it not an event ("e" or "event"), but an object, then everything immediately becomes clearer. This is an event OBJECT! And this object has properties: .target, .ctrlKey, etc. Thanks for the video.
Out of all the videos. I found this to be easiest and straight to the point. Thank you sir.
Great video and advice! I was a little hazy on my full understanding of the Event object , now I full understand it!
Great video man! Made this a lot clearer for me. Subscribed!
Wow, very well explained. This helped a lot. Thank you!
That's great! This is exactly what I needed to understand event.target. Thank you!
Thank you, this video made it easier to grasp the concept behind the event object
This makes things so much clearer
Thanks man straight to the point, solved my doubt.
I am searching for this finally I found it. Thank u so much.
Thank you bro, I was stuck with this, now you explained.
Crystal clear explanation. CRYSTAL!
@LaGrossePaulik
2 жыл бұрын
I was about to write the same exact words: crystal clear! You're very right. I know sometimes people or teacher's methods are fine for some persons, but I didn't really get it since this video.
@prathvisingh8288
2 жыл бұрын
@@LaGrossePaulik I also understood only after watching this video
well done explaining this! Keep it up❤
Short and sweet! 👌
Short & Sweet 🔥✌️
Thank you, perfect explanation
great explanation!
Brilliant as usual.
That was awesome. Thank you. When you showed console.log(e) and it was an object! my mind was blown
@dcode-software
2 жыл бұрын
You're welcome! That's exactly what I was going for with this video. Glad you liked it 🙂
Thanks for the simple and straight forward explanation!
@dcode-software
7 ай бұрын
You're welcome
Thank you! So concise!
@dcode-software
2 жыл бұрын
You're welcome
This was very confusing to me. Thanks a lot for clearing
Thank you soo much!!🙏🏼
you solved my code problem by uploading this short video just great 😎
@dcode-software
2 жыл бұрын
That's awesome!!
Bro😍😍😍😍 thnkyu so much
Great explaination, thanks 👍
@dcode-software
Жыл бұрын
You're welcome!
Very heplful, thanks so much :)
thanksss, this help me a lot\
thank you so much 💟
My Supreme Leader Thanks for all!
This video is really help me...
Thank you ❤
Thanks 😊😊
Thanks bro.... Bring some big project
@dcode-software
3 жыл бұрын
Soon 😊
Thanks!!
Nice tutorial on the basics of Events in JavaScript. Thanks, Dom {2021-08-17}
@dcode-software
2 жыл бұрын
Glad it was helpful 🙂
thank you!
Thank you so much 🎉
@dcode-software
9 күн бұрын
You're welcome. Thanks for subscribing 💪
Helpful
thanks mate
I'm spanish speaking, but i understood almost all you said.
@dcode-software
2 жыл бұрын
That's great!
@parmesanogood4393
2 жыл бұрын
@@dcode-software fortunately emojis are universal.
thank you
Man you're awesome
@dcode-software
3 жыл бұрын
You too
Thanks
Came here to tell you that you added an extra round bracket to the function in the thumbnail 😂😂😂. Nice tutorial btw.
@dcode-software
3 жыл бұрын
🤣🤣 oh no.. probably going to leave it
@gmangsxr750
3 жыл бұрын
At the opening of the video you can see where it came from. It’s a cropped image of the adding of an event listener. The opening parentheses just got cropped out
@ALBDev
3 жыл бұрын
@@gmangsxr750 nice observation
Brilliant
Cool theme, can I know the name of the theme please?
I get a pointerEvent instead of mouseEvent is that wrong?
i love you
What is the name of theme?
(e) contain informations about event
which font?
@dcode-software
3 жыл бұрын
Roboto Mono
Would have been nice to explain too why "e". Can it be any other variable name, I assume that 'e' is used for simplicity, shorthand and laziness. but it could be "event", or "eventProperties" or "banana" - as the developer sees fit.
🐤🎉
your a fuckin g bro
0:23
So to break it down for a stupid like me. Everything that is an event and is performed gets stored in a bundle of informations. In this case the e object.
is this deprecated?
*e*
E
First
@dcode-software
3 жыл бұрын
Hmm...
Why don't everyone just explain things like this? Teachers make things so complicated for someone who is new to programming
Which clown thumbs downed the video
@brooksgunn5235
3 жыл бұрын
Always that one guy, haha.
Kinda confusing video, the conditional statement if(e.ctrlKey) doesn't actually check if the ctrl key is being pressed down or not, just if that property exists at all with the event object, regardless of it's Boolean value.
What an incredibly bad video. What you're explaining in this video is what's inside the parameter passed to the callback function you provide to an event listener. But in your title you say that this is always the case when you see (e) in some code. Even in this case it 'e' can be named no matter what, some people like to name it 'event' etc...
Worst video ever. Logged e to the console and checked mdn docs. Damn, never would have thought of that.
thank you!