Javascript Tutorial | Event Handlers in Javascript

Поделиться
HTML-код
  • Опубликовано: 1 дек 2024

Комментарии • 66

  • @wiseman9324
    @wiseman9324 4 года назад +1

    Excellent.Excellent.Excellent !!!

  • @Odisej1
    @Odisej1 3 года назад +1

    I have done your course JavaScript Essentials on Udemy , 2-3 years ago. I came back to it these days. The explanations are so straightforward and clear. Incredibly good learning material. Bravo.

    • @Avelx
      @Avelx  3 года назад

      Great to hear!

    • @Odisej1
      @Odisej1 3 года назад

      @@Avelx You welcome. Do you have some advance Javascript topics?

  • @justynaptak450
    @justynaptak450 5 лет назад +3

    I've just understood all the inaccuracies about the events. Thank you!

  • @scotthope
    @scotthope 7 лет назад +4

    Excellent stuff Lawrence, very nicely explained from someone who obviously knows what they are talking about and gets it across in an easy to understand way. Thank you very much.

  • @calstate
    @calstate 8 лет назад +27

    Excellent. Why doesn't this video have more views.

    • @Avelx
      @Avelx  8 лет назад +5

      Thank you for being kind and I hope it increases in views too ;-)

    • @ck0024
      @ck0024 4 года назад +1

      Because everyone can't afford precious things. Everyone is not lucky.

  • @this.channel
    @this.channel 6 лет назад +1

    This came in super handy when I needed to control certain events based on either a hover or click on the same element.

  • @irongirltx
    @irongirltx 8 лет назад +6

    Very well done! Watching your video helped to solidify my understanding of event handlers. Thank you sir!

  • @tombroad1467
    @tombroad1467 3 года назад +1

    Awesome video cheers for helping me understand eventListeners!

  • @syedularif2421
    @syedularif2421 5 лет назад +1

    why i did not find this video before!!!!!!!!!!!
    you are are really capable of explaining things in easy way. carry on..............

  • @sol0matrix
    @sol0matrix 7 лет назад +3

    awesome clear explanation of event handler

  • @adhoccreative9811
    @adhoccreative9811 7 лет назад +3

    ever green content as usual thanks alot

  • @Russ_Paul
    @Russ_Paul 3 года назад

    Small thing, but just to clarify. 'onmouseout' is when you leave the hover state, the mouse is moved out of the dom element (opposite of 'onmouseover'). 'onmouseup' is when you release the click. 😉

  • @artihlec
    @artihlec 7 лет назад +3

    Good stuff!BTW happy new year.

    • @Avelx
      @Avelx  7 лет назад +1

      Thank you, you too :-)

  • @kidbrave_7673
    @kidbrave_7673 4 года назад +2

    Great video brotha! I'm new to javascript and I been finding myself diving into a lot of course and tutorials and found that its been super confusing with all the information thrown at me using mouse events and using functions, DOM methods, and OOP so I been thinking if I research breaking it down into small tutorials like this it won't feel overwhelmed where I can focus on specific js functionality at once until I can wrap my head around the language and then dive into bigger applications and websites.

  • @yassinefdail5155
    @yassinefdail5155 5 лет назад

    at 13:53 you can call multiple functions. the way you can do that is just by chaining functions (eg: first() and second()) call like that click

  • @israrguldurrani
    @israrguldurrani 5 лет назад +1

    Excellent work! I appreciate the way the things are explained in a slow and useful manners to a new learner. Thanks.

  • @vandyrock9746
    @vandyrock9746 5 лет назад +1

    Simply awesome

  • @cfuman
    @cfuman 5 лет назад +1

    Excellent!

  • @srinivasaraoyp3640
    @srinivasaraoyp3640 3 года назад

    One of the best demo on Event Handlers in JavaScript. You have explained it so clearly, it is simply awesome. I want to thank you for the demo.

  • @tubewatcher117
    @tubewatcher117 8 лет назад +3

    That was a great video. Subscribed!

  • @jojo_Ca
    @jojo_Ca 6 лет назад +1

    great vid, great explanation thank you....

  • @miloszivaljevic287
    @miloszivaljevic287 6 лет назад +1

    GREAT video! :)

  • @BeLKa4444
    @BeLKa4444 4 года назад +1

    awesome tutorial, thanks

  • @madarafayssal
    @madarafayssal 3 года назад +1

    thanks, man for explanation i hope you get more view
    and bdw i like your accent

  • @birthdayboy2951
    @birthdayboy2951 4 года назад

    Thanks a lot! It cleared a lot of things!

  • @colespython4502
    @colespython4502 5 лет назад

    This is superb

  • @ananthnaren9183
    @ananthnaren9183 4 года назад +1

    Hi i'm Ananth from india , nice to meet ,I'm a MS software engineer graduated , I have firm desire to learn programming and programming languages
    android , ios , frontend , backend , data structures & algorithms ,full stack development and object oriented programming . Its my dream and wish to work as remote developer and freelancer also would like to keep learn more in software field.

  • @Ioannnify
    @Ioannnify 9 лет назад +2

    Awesome, very well explained, thank you again!

  • @QuanNguyen-og6pq
    @QuanNguyen-og6pq 5 лет назад

    The best explanation. Keep it up! Thank you.

  • @hamodeyDooba
    @hamodeyDooba 7 лет назад +2

    I loved how to explain every thing
    wow man > the best

  • @alexherman2678
    @alexherman2678 6 лет назад +1

    Fantastic video, just like your FREE course on Udemy. I have been battling JavaSript for 4 days now and finding it very enjoyable (while building a fun game). I am not sure if there are videos on the subject but I would like to know more /learn more regarding fancy sprite sheet animations, moving to click positions, collision detectors etc etc, minimaps...

  • @kornelijekovac9793
    @kornelijekovac9793 3 года назад +1

    5:26 If that is an object, and 'onclick' is the property of an object, how do you assign function to that property? That function must return a value?
    Which type of variable is the 'onclick' ?

    • @Avelx
      @Avelx  3 года назад

      onclick is a method not a property and the value is specific to what you want to do when you click the element. You don't even have to return a value if you don't want.

  • @ashok2484
    @ashok2484 5 лет назад

    Good job bro ....this is my first video to know about the events .....it's really helped me...I am getting feared little bit before watching this video...but...now it's really nice to understand what is events ...thank u bro 😃

  • @GuitarreroDaniel
    @GuitarreroDaniel 3 года назад

    This video was incredible useful! Thank you very much :)

  • @raisedbyreels
    @raisedbyreels 7 лет назад

    Wow, that was surprisingly clear and straight forward. Better then how it was explained on Lynda.com

  • @ElsaRocioPorrasRodriguez
    @ElsaRocioPorrasRodriguez 7 лет назад

    Thanks! I´ve Finally understood

  • @محمدالنائلي-ر7ي
    @محمدالنائلي-ر7ي 3 года назад +1

    thank you

  • @Wesley_Kibande
    @Wesley_Kibande 5 лет назад

    it really helped me

  • @xesiusprime9360
    @xesiusprime9360 2 года назад

    cool thanks good tutorial

  • @Matanyo1
    @Matanyo1 7 лет назад +1

    great video, but i'm not sure that addeventlistener is faster than onclick.
    I have checked it in jsperf and onclick was faster..
    I have no idea how to actually test it. but I guess your are right..
    let me know if you have any way to proof it.
    thanks!

  • @JuanSaavedraMacco
    @JuanSaavedraMacco 7 лет назад +2

    Excellent. Do you have a video of callback functions?

    • @Avelx
      @Avelx  7 лет назад +1

      Thank you, this video has a callback function you can also review the entire Javascript essentials playlist to see if you can find any more information.

  • @allout_fun
    @allout_fun 3 года назад +1

    Please do you have Udemy course for this tutorials, you are soooooo amazing

  • @thanigaid9961
    @thanigaid9961 5 лет назад

    I run addeventlistner but...that show error....like uncaught type error: cannot read property'addeventlisner ' of null at vm7 event handler: js5..can you tell me

    • @ck0024
      @ck0024 4 года назад

      *.addEventListener* you have to write like this.

  • @syedarmaghanhassan4652
    @syedarmaghanhassan4652 4 года назад

    thanks brother, great info.
    A question please: at 9:26- instead of putting an anonymous function there, can I also put a named function inside there? If yes, what would be the right format for that?

  • @MoT-MasterOfThings
    @MoT-MasterOfThings 6 лет назад

    Very helpful

  • @heshamh2920
    @heshamh2920 3 года назад

    wow new prospective more info more understanding

  • @hamodeyDooba
    @hamodeyDooba 7 лет назад

    what if i want to add even to classes ?
    like jquery we can apply click event for all elements

  • @alaala3238
    @alaala3238 7 лет назад

    Can I add PHP code in Java function to read data from SQL server then send auto email?

  • @piotrkowalski9528
    @piotrkowalski9528 6 лет назад +1

    I love hearing real english, a native speaker :-)

  • @f0kuz518
    @f0kuz518 7 лет назад +3

    You are the master :) Sub :)

  • @maximos118
    @maximos118 5 лет назад

    ... where have you been all my life?

  • @Nonsequitor415
    @Nonsequitor415 6 лет назад

    Jedi!

  • @ptrkmr
    @ptrkmr 5 лет назад +1

    Isn't this html, not java, though? All the JS tutorials I keep looking up for event handling keyboard keys are HTML

    • @Avelx
      @Avelx  5 лет назад

      No Javascript handles the event, HTML just presents the button, link or element to click on. HTML is the bit you see and javascript handles the logic.

  • @guestyones
    @guestyones 5 лет назад

    When I click the kahoot play button in school, it calls me gay

  • @sonnyl2915
    @sonnyl2915 2 года назад

    Thank you