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

  • @dcode-software
    @dcode-software Жыл бұрын

    *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

  • @dcode-software
    @dcode-software2 жыл бұрын

    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".

  • @basmong
    @basmong10 ай бұрын

    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.

  • @naugustus939
    @naugustus939 Жыл бұрын

    Out of all the videos. I found this to be easiest and straight to the point. Thank you sir.

  • @kelofarrar
    @kelofarrar2 жыл бұрын

    Great video and advice! I was a little hazy on my full understanding of the Event object , now I full understand it!

  • @khlfff2
    @khlfff22 жыл бұрын

    Great video man! Made this a lot clearer for me. Subscribed!

  • @JoeyGuess
    @JoeyGuess2 жыл бұрын

    Wow, very well explained. This helped a lot. Thank you!

  • @sophiequin3353
    @sophiequin33532 жыл бұрын

    That's great! This is exactly what I needed to understand event.target. Thank you!

  • @christopherlangley695
    @christopherlangley695 Жыл бұрын

    Thank you, this video made it easier to grasp the concept behind the event object

  • @thydevdom
    @thydevdom2 жыл бұрын

    This makes things so much clearer

  • @sampreetkumar6739
    @sampreetkumar673920 күн бұрын

    Thanks man straight to the point, solved my doubt.

  • @DesignToDeploy
    @DesignToDeploy Жыл бұрын

    I am searching for this finally I found it. Thank u so much.

  • @daprone4949
    @daprone49492 жыл бұрын

    Thank you bro, I was stuck with this, now you explained.

  • @prathvisingh8288
    @prathvisingh82882 жыл бұрын

    Crystal clear explanation. CRYSTAL!

  • @LaGrossePaulik

    @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

    @prathvisingh8288

    2 жыл бұрын

    @@LaGrossePaulik I also understood only after watching this video

  • @jayteecollins1279
    @jayteecollins12797 ай бұрын

    well done explaining this! Keep it up❤

  • @VarunPats
    @VarunPats3 жыл бұрын

    Short and sweet! 👌

  • @bishalsenhdri7655
    @bishalsenhdri76553 жыл бұрын

    Short & Sweet 🔥✌️

  • @TheUnown4
    @TheUnown42 жыл бұрын

    Thank you, perfect explanation

  • @tomasnovakovic1309
    @tomasnovakovic13092 жыл бұрын

    great explanation!

  • @alidakhil3554
    @alidakhil35542 жыл бұрын

    Brilliant as usual.

  • @christianarroyo3033
    @christianarroyo30332 жыл бұрын

    That was awesome. Thank you. When you showed console.log(e) and it was an object! my mind was blown

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    You're welcome! That's exactly what I was going for with this video. Glad you liked it 🙂

  • @tonelloalan
    @tonelloalan7 ай бұрын

    Thanks for the simple and straight forward explanation!

  • @dcode-software

    @dcode-software

    7 ай бұрын

    You're welcome

  • @lunasoleil2827
    @lunasoleil28272 жыл бұрын

    Thank you! So concise!

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    You're welcome

  • @rahulshekar907
    @rahulshekar907 Жыл бұрын

    This was very confusing to me. Thanks a lot for clearing

  • @AyguelYildirim
    @AyguelYildirim2 жыл бұрын

    Thank you soo much!!🙏🏼

  • @karek9593
    @karek95932 жыл бұрын

    you solved my code problem by uploading this short video just great 😎

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    That's awesome!!

  • @coderxtech8591
    @coderxtech85913 жыл бұрын

    Bro😍😍😍😍 thnkyu so much

  • @daneshtolani6136
    @daneshtolani6136 Жыл бұрын

    Great explaination, thanks 👍

  • @dcode-software

    @dcode-software

    Жыл бұрын

    You're welcome!

  • @kiler62
    @kiler62 Жыл бұрын

    Very heplful, thanks so much :)

  • @miiaameee8310
    @miiaameee83105 ай бұрын

    thanksss, this help me a lot\

  • @adibpathan41833
    @adibpathan41833 Жыл бұрын

    thank you so much 💟

  • @togrulmustafabayat
    @togrulmustafabayat2 жыл бұрын

    My Supreme Leader Thanks for all!

  • @sudiptamukherjee8216
    @sudiptamukherjee8216 Жыл бұрын

    This video is really help me...

  • @iambrijeshtoo
    @iambrijeshtoo Жыл бұрын

    Thank you ❤

  • @DuckpoolOfficial
    @DuckpoolOfficial6 ай бұрын

    Thanks 😊😊

  • @pubglife3186
    @pubglife31863 жыл бұрын

    Thanks bro.... Bring some big project

  • @dcode-software

    @dcode-software

    3 жыл бұрын

    Soon 😊

  • @redheadrusskie
    @redheadrusskie2 жыл бұрын

    Thanks!!

  • @Pareshbpatel
    @Pareshbpatel2 жыл бұрын

    Nice tutorial on the basics of Events in JavaScript. Thanks, Dom {2021-08-17}

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    Glad it was helpful 🙂

  • @user-jr5tz2hc4f
    @user-jr5tz2hc4f Жыл бұрын

    thank you!

  • @sereneflatun
    @sereneflatun14 күн бұрын

    Thank you so much 🎉

  • @dcode-software

    @dcode-software

    9 күн бұрын

    You're welcome. Thanks for subscribing 💪

  • @jibonislamgame
    @jibonislamgame Жыл бұрын

    Helpful

  • @EnzoAuditore
    @EnzoAuditore Жыл бұрын

    thanks mate

  • @parmesanogood4393
    @parmesanogood43932 жыл бұрын

    I'm spanish speaking, but i understood almost all you said.

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    That's great!

  • @parmesanogood4393

    @parmesanogood4393

    2 жыл бұрын

    @@dcode-software fortunately emojis are universal.

  • @K.Huynh.
    @K.Huynh.2 жыл бұрын

    thank you

  • @nostalgic6979
    @nostalgic69793 жыл бұрын

    Man you're awesome

  • @dcode-software

    @dcode-software

    3 жыл бұрын

    You too

  • @erfelipe
    @erfelipe3 жыл бұрын

    Thanks

  • @ALBDev
    @ALBDev3 жыл бұрын

    Came here to tell you that you added an extra round bracket to the function in the thumbnail 😂😂😂. Nice tutorial btw.

  • @dcode-software

    @dcode-software

    3 жыл бұрын

    🤣🤣 oh no.. probably going to leave it

  • @gmangsxr750

    @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

    @ALBDev

    3 жыл бұрын

    @@gmangsxr750 nice observation

  • @valdemaraspetrutis6237
    @valdemaraspetrutis6237 Жыл бұрын

    Brilliant

  • @hwanhoonkim5576
    @hwanhoonkim5576 Жыл бұрын

    Cool theme, can I know the name of the theme please?

  • @georgegeorgio70
    @georgegeorgio702 жыл бұрын

    I get a pointerEvent instead of mouseEvent is that wrong?

  • @jrupp2823
    @jrupp28233 жыл бұрын

    i love you

  • @rsayhii
    @rsayhii4 ай бұрын

    What is the name of theme?

  • @abc-hl1pw
    @abc-hl1pw2 жыл бұрын

    (e) contain informations about event

  • @lucifer-5ybtn
    @lucifer-5ybtn3 жыл бұрын

    which font?

  • @dcode-software

    @dcode-software

    3 жыл бұрын

    Roboto Mono

  • @ClarkeDesign
    @ClarkeDesign2 жыл бұрын

    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.

  • @ashishbhardwaj9390
    @ashishbhardwaj939010 ай бұрын

    🐤🎉

  • @Krym
    @Krym7 ай бұрын

    your a fuckin g bro

  • @MirzaMHalilovic
    @MirzaMHalilovic Жыл бұрын

    0:23

  • @Konslufius
    @Konslufius2 жыл бұрын

    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.

  • @rymkheliancorporation9649
    @rymkheliancorporation96492 жыл бұрын

    is this deprecated?

  • @prodxtendo
    @prodxtendo3 жыл бұрын

    *e*

  • @netsaosa4973
    @netsaosa4973 Жыл бұрын

    E

  • @dzaki4559
    @dzaki45593 жыл бұрын

    First

  • @dcode-software

    @dcode-software

    3 жыл бұрын

    Hmm...

  • @AcarMurat
    @AcarMurat4 ай бұрын

    Why don't everyone just explain things like this? Teachers make things so complicated for someone who is new to programming

  • @guyrowes1867
    @guyrowes18673 жыл бұрын

    Which clown thumbs downed the video

  • @brooksgunn5235

    @brooksgunn5235

    3 жыл бұрын

    Always that one guy, haha.

  • @wheeler553
    @wheeler5532 жыл бұрын

    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.

  • @dennishofke
    @dennishofke2 жыл бұрын

    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...

  • @TheMjukost
    @TheMjukost Жыл бұрын

    Worst video ever. Logged e to the console and checked mdn docs. Damn, never would have thought of that.

  • @fragrantbloom
    @fragrantbloom2 жыл бұрын

    thank you!