What Does "(e)" Mean in JavaScript? - Event Handler Object Explained

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ม.ค. 2025

ความคิดเห็น • 90

  • @dcode-software
    @dcode-software  2 ปีที่แล้ว

    *RELATED VIDEO: COMPLETE OVERVIEW OF JAVASCRIPT EVENTS*
    th-cam.com/video/YiOlaiscqDY/w-d-xo.html
    🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇
    www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1

  • @dcode-software
    @dcode-software  2 ปีที่แล้ว +27

    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
    @basmong ปีที่แล้ว +12

    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 ปีที่แล้ว +5

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

  • @prathvisingh8288
    @prathvisingh8288 3 ปีที่แล้ว +9

    Crystal clear explanation. CRYSTAL!

    • @LaGrossePaulik
      @LaGrossePaulik 2 ปีที่แล้ว +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 ปีที่แล้ว +1

      @@LaGrossePaulik I also understood only after watching this video

  • @sophiequin3353
    @sophiequin3353 3 ปีที่แล้ว +13

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

  • @khlfff2
    @khlfff2 2 ปีที่แล้ว +4

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

  • @kelofarrar
    @kelofarrar 3 ปีที่แล้ว +3

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

  • @JoeyGuess
    @JoeyGuess 3 ปีที่แล้ว +2

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

  • @thydevdom
    @thydevdom 3 ปีที่แล้ว

    This makes things so much clearer

  • @jayteecollins1279
    @jayteecollins1279 ปีที่แล้ว

    well done explaining this! Keep it up❤

  • @daneshtolani6136
    @daneshtolani6136 2 ปีที่แล้ว +1

    Great explaination, thanks 👍

  • @sampreetkumar6739
    @sampreetkumar6739 6 หลายเดือนก่อน

    Thanks man straight to the point, solved my doubt.

  • @christianarroyo3033
    @christianarroyo3033 2 ปีที่แล้ว +4

    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 ปีที่แล้ว +1

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

  • @christopherlangley695
    @christopherlangley695 2 ปีที่แล้ว

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

  • @tonelloalan
    @tonelloalan ปีที่แล้ว

    Thanks for the simple and straight forward explanation!

  • @coderxtech8591
    @coderxtech8591 3 ปีที่แล้ว +2

    Bro😍😍😍😍 thnkyu so much

  • @DuckpoolOfficial
    @DuckpoolOfficial ปีที่แล้ว +1

    Thanks 😊😊

  • @DesignToDeploy
    @DesignToDeploy 2 ปีที่แล้ว

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

  • @pubglife3186
    @pubglife3186 3 ปีที่แล้ว +3

    Thanks bro.... Bring some big project

  • @TheUnown4
    @TheUnown4 2 ปีที่แล้ว

    Thank you, perfect explanation

  • @daprone4949
    @daprone4949 2 ปีที่แล้ว

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

  • @bishalsenhdri7655
    @bishalsenhdri7655 3 ปีที่แล้ว +1

    Short & Sweet 🔥✌️

  • @karek9593
    @karek9593 2 ปีที่แล้ว

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

  • @adibpathan41833
    @adibpathan41833 ปีที่แล้ว

    thank you so much 💟

  • @togrulmustafabayat
    @togrulmustafabayat 3 ปีที่แล้ว

    My Supreme Leader Thanks for all!

  • @PrivatesKonto123
    @PrivatesKonto123 2 ปีที่แล้ว

    Thank you soo much!!🙏🏼

  • @lunasoleil2827
    @lunasoleil2827 3 ปีที่แล้ว

    Thank you! So concise!

  • @brijeshkumarchavda
    @brijeshkumarchavda ปีที่แล้ว

    Thank you ❤

  • @sereneflatun
    @sereneflatun 6 หลายเดือนก่อน

    Thank you so much 🎉

    • @dcode-software
      @dcode-software  6 หลายเดือนก่อน

      You're welcome. Thanks for subscribing 💪

  • @VarunPats
    @VarunPats 3 ปีที่แล้ว

    Short and sweet! 👌

  • @rahulshekar907
    @rahulshekar907 ปีที่แล้ว

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

  • @tomasnovakovic1309
    @tomasnovakovic1309 2 ปีที่แล้ว

    great explanation!

  • @kiler62
    @kiler62 2 ปีที่แล้ว

    Very heplful, thanks so much :)

  • @miiaameee8310
    @miiaameee8310 11 หลายเดือนก่อน

    thanksss, this help me a lot\

  • @sudiptamukherjee8216
    @sudiptamukherjee8216 2 ปีที่แล้ว

    This video is really help me...

  • @parmesanogood4393
    @parmesanogood4393 2 ปีที่แล้ว +2

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

  • @alidakhil3554
    @alidakhil3554 2 ปีที่แล้ว

    Brilliant as usual.

  • @Suphkopp
    @Suphkopp 3 หลายเดือนก่อน

    Thx for the explenation. But my head still doesn't get it: Is it crucial to name it "event" or "e" or can it be called something different like "pastry" as an example? If yes, how does the function then knows, that it has to listen to the events and mark them or give them back as such?

  • @hwanhoonkim5576
    @hwanhoonkim5576 ปีที่แล้ว

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

  • @K.Huynh.
    @K.Huynh. 2 ปีที่แล้ว

    thank you

  • @EnzoAuditore
    @EnzoAuditore 2 ปีที่แล้ว

    thanks mate

  • @fragrantbloom
    @fragrantbloom 3 ปีที่แล้ว

    thank you!

  • @redheadrusskie
    @redheadrusskie 3 ปีที่แล้ว

    Thanks!!

  • @ALBDev
    @ALBDev 3 ปีที่แล้ว +1

    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 ปีที่แล้ว +2

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

  • @rsayhii
    @rsayhii 10 หลายเดือนก่อน

    What is the name of theme?

  • @Pareshbpatel
    @Pareshbpatel 3 ปีที่แล้ว

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

  • @jibonislamgame
    @jibonislamgame 2 ปีที่แล้ว

    Helpful

  • @erfelipe
    @erfelipe 3 ปีที่แล้ว

    Thanks

  • @georgegeorgio70
    @georgegeorgio70 2 ปีที่แล้ว

    I get a pointerEvent instead of mouseEvent is that wrong?

  • @nostalgic6979
    @nostalgic6979 3 ปีที่แล้ว +1

    Man you're awesome

  • @valdemaraspetrutis6237
    @valdemaraspetrutis6237 ปีที่แล้ว

    Brilliant

  • @lucifer-5ybtn
    @lucifer-5ybtn 3 ปีที่แล้ว

    which font?

  • @MirzaMHalilovic
    @MirzaMHalilovic ปีที่แล้ว

    0:23

  • @rymkheliancorporation9649
    @rymkheliancorporation9649 3 ปีที่แล้ว

    is this deprecated?

  • @abc-hl1pw
    @abc-hl1pw 2 ปีที่แล้ว +1

    (e) contain informations about event

  • @ClarkeDesign
    @ClarkeDesign 2 ปีที่แล้ว +1

    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.

  • @Krym
    @Krym ปีที่แล้ว

    your a fuckin g bro

  • @ashishbhardwaj9390
    @ashishbhardwaj9390 ปีที่แล้ว

    🐤🎉

  • @Konslufius
    @Konslufius 2 ปีที่แล้ว

    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.

  • @AcarMurat
    @AcarMurat 10 หลายเดือนก่อน

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

  • @jrupp2823
    @jrupp2823 3 ปีที่แล้ว

    i love you

  • @guyrowes1867
    @guyrowes1867 3 ปีที่แล้ว +1

    Which clown thumbs downed the video

  • @prodxtendo
    @prodxtendo 3 ปีที่แล้ว

    *e*

  • @netsaosa4973
    @netsaosa4973 2 ปีที่แล้ว

    E

  • @dennishofke
    @dennishofke 2 ปีที่แล้ว +1

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

  • @dzaki4559
    @dzaki4559 3 ปีที่แล้ว

    First

  • @wheeler553
    @wheeler553 2 ปีที่แล้ว

    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.

  • @TheMjukost
    @TheMjukost ปีที่แล้ว

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

  • @RobbieBiteem
    @RobbieBiteem ปีที่แล้ว

    thank you!

  • @divyangdesai6590
    @divyangdesai6590 หลายเดือนก่อน

    thank you!