35: What Are Event Listeners In JavaScript | JavaScript Events | JavaScript Tutorial | mmtuts

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 99

  • @groovysalmon6857
    @groovysalmon6857 6 років тому +37

    You really did a great job on analyzing peoples learning problems and disected the approach to learning JS in a way which makes it palpable to a broad mass. You should think about writing a JS course book.

  • @Veianya
    @Veianya 4 роки тому +14

    You taught me in 14 minutes what my school has been trying to teach me all week. Thank you. :)

    • @marcelolb1221
      @marcelolb1221 2 роки тому

      youre gonna like "jake the muslim metaphysician on YT

  • @spencershrek1491
    @spencershrek1491 4 роки тому +2

    React dev here... have an interview tomorrow and just blasted through this entire playlist bc the interview will be "only on css and js" and I realized I'm pretty useless without react. Can't believe how many fundamentals I have been missing these past 2 years. Thanks a TON!

  • @JaspreetSingh-ym1qp
    @JaspreetSingh-ym1qp 5 років тому +1

    Brother you are just awesome.You know perfectly what the word teaching mean.I just love learning the courses from your tutorials . Love your way of making us understand.

  • @ck0024
    @ck0024 6 років тому +4

    *You are our modern day's **_Richard Feynman._** You are great like him.*

  • @finalsecretofchrono1339
    @finalsecretofchrono1339 6 років тому +1

    The concept of passing parameters is simple until its complicated. Thanks for the well explained breakdown

    • @_danisson
      @_danisson 5 років тому

      So true. My head was so confused for days for that (e)
      Right now i understand a little bit more but at the same time still confusing.

  • @codybleier5947
    @codybleier5947 5 років тому +1

    I just wanted to say thank you mmtuts, I have just started in web development and currently trying to grasp js. Your videos are great and have been a very helpful resource for me.

  • @shah-jahanlancaninc.5053
    @shah-jahanlancaninc.5053 5 років тому +4

    Thank you very much for making my boring javaScript in to exciting....! wating to here from you more..!

  • @kehindefasola1852
    @kehindefasola1852 5 років тому

    thank you great guy. God bless you for doing these videos for free.

  • @codingtime3803
    @codingtime3803 4 роки тому

    How do you teach so perfectly? Making everything crystal clear! Thanks so much again. Please Keep making more videos of JS.You are a great teacher!!

  • @sixtusushahemba9419
    @sixtusushahemba9419 2 роки тому

    That was so great sir. You literally explained everything I have been having challenges concerning Events. Thanks a lot!

  • @ivootero3410
    @ivootero3410 4 роки тому

    Keep up the great work man! There are not many people teaching this topics that approach common learning problems like you do!!

  • @ericbiscayne6722
    @ericbiscayne6722 2 роки тому

    Thanks for taking your time to explain this. A lot of guys here speak too fast and it is hard to follow. Will watch your vids from now on....

  • @fastgeorge3104
    @fastgeorge3104 2 роки тому

    Such a clear explanation, thank you!

  • @devduttsinh4704
    @devduttsinh4704 4 роки тому

    I've been through all your video on this javascript series and it was amazing i learned it thank you soo much

  • @jupce
    @jupce 2 роки тому

    Thank you!! I couldn´t find anywhere how to pass parameters in an event function!!

  • @jacobsiegel9144
    @jacobsiegel9144 4 роки тому

    Thanks!!! This saved my hide. I've been learning for the past few years and I've been making a lot of progress lately, and, I think you pushed me over the top :).

  • @rheamaebagro3361
    @rheamaebagro3361 4 роки тому

    Thank you new knowledge about eventlistener big help :)

  • @biskutnation
    @biskutnation 3 роки тому

    Thank you! I have found what i should've understand a long time ago, the necessity of anonymous function in eventhandler and probably could applied on other things too.

  • @CAPS_AMERICA
    @CAPS_AMERICA 4 роки тому +1

    Very well explained and yes, lots of information but very clear and easy to understand because you're explaining each part and sequence. Thanks heaps and please keep making tutorials on website creation and design, and any programming software that's actually used in the real world out there. Thumbs up! Whoever did that 6 dislikes probably have JS videos on YT that are not gaining popularity! :)

  • @chow7052
    @chow7052 5 років тому

    Thank you very much! As you said, there's so much information in this episode, and in my opinion the last 2 minutes look very compressed, I hope you can do a longer version of this episode (like your project lessons) so that we can learn more about eventListener, again, thank you! Very good job!

  • @williamjamesrapp7356
    @williamjamesrapp7356 5 років тому +2

    I understand HTML , CSS , PHP , SQL , PYTHON but for the life of me not a single video I have watched on JAVASCRIPT makes any sense to me ( I have watched hours and days and weeks worth of video in JS ). I guess its the way everyone teaches it since it seems they all teach it the same way. Smart People who know how to use JS but are not teachers at all and then say JUST KEEP WATCHING IT WILL MAKE SENSE which is like a Kid from the BRONX trying to READ Original SHAKESPEARE Written in UKRAINIAN and telling him JUST KEEP READING IT WILL ALL MAKE SENSE.

  • @dausgaard634
    @dausgaard634 5 років тому

    Gode videoer. Jeg var faldet lidt bagud i skolen med undervisningen, dog bevæger jeg mig på rette spor igen ved hjælp af dine videoer

  • @charlessynai2054
    @charlessynai2054 6 років тому +1

    great job Daniel

  • @ademineshat
    @ademineshat 6 років тому +2

    Nice to see you again :)

  • @BaneTrogdor
    @BaneTrogdor 6 років тому +2

    Great as always

  • @frownless
    @frownless 6 років тому +3

    I just started watching your HTML/CSS tutorial and its been great thank you so much for providing this free content.Also u look like elon musk haha

  • @Omar-ef3hj
    @Omar-ef3hj 5 років тому

    great tutorials as always..iv'e actually finished all your web tutorials from (html-css,php,sql and javascript)...i'm going to start for jquery tomorrow..
    please make another series but for Node.js.
    thank you very much, iv'e learned a LOT in your videos.. hope you have a wonderful year.

  • @etiudosen6072
    @etiudosen6072 2 роки тому

    you explain it so well after watching, I came to your profile to buy your JS course you need to create one .

  • @mohameddrisi2333
    @mohameddrisi2333 6 років тому +5

    Keep it Up bro😍

  • @roobannadarajah7989
    @roobannadarajah7989 4 роки тому

    you freeking awesome mate

  • @serageibraheem2386
    @serageibraheem2386 5 років тому

    Great job brother... always the best

  • @calibr0636
    @calibr0636 5 років тому +1

    thanks man, ive been really looking for a video that teaches you about addeventListeners().

  • @muhammadtaifkhan4359
    @muhammadtaifkhan4359 5 років тому

    Thanks Sir! your teaching method is so good... i humble request you to make more advanced videos on JavaScript.....

  • @conradmbugua9098
    @conradmbugua9098 3 роки тому

    I just experienced an AHA moment, thanks

  • @riaznapa
    @riaznapa 5 років тому

    Thank you for such a nice explaination.

  • @mr.hussain8714
    @mr.hussain8714 5 років тому

    Thanks for the great tutorial man.

  • @Bhisma93
    @Bhisma93 6 років тому +1

    This was so F*CKIN awesome! Thanks for this tut, would you be able to include an explanation for using target as well, maybe in the next episode?

  • @LucLev
    @LucLev 4 роки тому

    Great tutorial!

  • @nisevi
    @nisevi 5 років тому

    nicely explained!

  • @Kurleddy
    @Kurleddy Рік тому

    Hi, you make it easy to grasp these logic flow concepts.
    Quick question:
    1. Why do you say it's messy to call two functions in another one when the actuall working functions are already envoked?

  • @maciejp950
    @maciejp950 6 років тому

    What would you use and how to make a filter on a website. Example, to show only black pens if that is selected. idk how to explain it well

  • @muhammadnadeembashir7940
    @muhammadnadeembashir7940 5 років тому +1

    Please make a tutorial on recursion in javascript with many examples and explanation please thanks ..

  • @justme8126
    @justme8126 6 років тому

    I hope you don't mind I shared your JavaScript videos with a handful of my friends on discord.

  • @nouhaastol6800
    @nouhaastol6800 2 роки тому

    merci excellent course

  • @davutlu60
    @davutlu60 4 роки тому

    Great, thank you so much..

  • @shubhrajit2117
    @shubhrajit2117 11 місяців тому

    Plz make a vid on calling async function using Event Listeners 🙏🙏

  • @gcambrose2422
    @gcambrose2422 3 роки тому

    When I go to update console I receive this violation and I my console does not update, how can I stop this violation message? [Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. ..............Thank you for your consideration.

  • @richardvargas4950
    @richardvargas4950 6 років тому

    Can you do more videos using OOP? I am building a project at the moment, and the only way I managed to get my objects' methods to run according to their events, was by placing them into new functions. I then ran the functions using event listeners and handlers, but I feel there has to be a better way using OOP to do that. Also all your videos on PHP and JavaScript are awesome

  • @Steezy_WRLD
    @Steezy_WRLD 2 роки тому

    Thank you❤

  • @CreativeWorkersBest
    @CreativeWorkersBest 6 років тому

    Hi. Your tutorials are very interesting. I really love them. Could you do tutorials about wordpress plugin development beginner to advanced?

  • @RedEyedJedi
    @RedEyedJedi 5 років тому

    Absolutely brilliant lesson as always. I wonder if you could help me with something. I'm trying to use eventListeners within es6 classes using canvas but for some reason after I assign this.ctx = canvas.getContext("2d"); and then later try to use the ctx variable in my display method within the class. The ctx variable is undefined. Any idea why this is?

  • @mahdisharifi5989
    @mahdisharifi5989 6 років тому

    Your are fantastic ❤

  • @charlessynai2054
    @charlessynai2054 6 років тому

    am really need help with how to get select option queried into database..thanks

  • @damo190
    @damo190 3 роки тому

    I have started learning events. I tried onload attribute on and onload property on document.body. Both works fine. Now I started using another alternative, using eventlister as below:
    document.body.addEventListener("load", function (){alert("load body");});
    But It's not working. Please help

  • @mdektemalhossain5976
    @mdektemalhossain5976 6 років тому

    will there be any more videos on javascript??

  • @Stoney_Eagle
    @Stoney_Eagle 6 років тому

    Perfect just what I needed.
    How can I make a div always active, also reactivate it after a click somewhere else? Right now I loop trough every 500ms to reactivate it witch isn't nice to browsers.
    I have a jw player (heavily modified using your tutorials😎) , and for the event listeners (like play or volume) to work it needs to be in an active state.

  • @ocasja
    @ocasja 5 років тому

    Is it possible to use Javascript to delete a certain URL from the history?

  • @younotme6912
    @younotme6912 6 років тому

    So greate bro

  • @muhammadnadeembashir7940
    @muhammadnadeembashir7940 5 років тому

    Sir please upload video on clouser in detaile by some example in javascript ...thanks

  • @Joe-grado
    @Joe-grado 5 років тому

    Thank you!

  • @amirshojay491
    @amirshojay491 4 роки тому

    Why did you passed only the "e" and not the name parameter ("Daniel") to the anonymous function? And it did work as it supposed to. Can someone explain?

    • @Dani_Krossing
      @Dani_Krossing  4 роки тому +1

      The "e" refers to the event that is happening, and allow for us to use the event inside the function. It is a habit of programmers to write "e".

  • @bernardmairura9734
    @bernardmairura9734 4 роки тому

    I really like watching your videos
    If i wanted to create a function that alerts the user using their name that their message has been received, which one will it be?
    e.g "Thank Bernard. We have received your message."

  • @prakharsinha499
    @prakharsinha499 6 років тому

    hey please make a series on service workers. Please it's a request.

  • @liriani
    @liriani 6 років тому

    What program do you use for html

  • @bigdog3386
    @bigdog3386 5 років тому

    Can you do NodeJS course? More specifically NodeJS Object Oriented Programming course. I switched from PHP after 8 years of developing to NodeJS/ExpressJS. And it's hard to find ways on the internet to build OOP apps. But OOP is very important for me, I hate procedural development at all.

  • @kibbwiki5478
    @kibbwiki5478 6 років тому

    is it possible to code a group chat onto my website? I've been searching for this but have only found 2 person messaging only. Everywhere else that I look says that you have to embed third party software that wont integrate with mysql database so it would make my users have to login twice onto my website if they wanted to chat. why is it so difficult to find a video for this?....crazy and frustrating!

    • @groovysalmon6857
      @groovysalmon6857 6 років тому +1

      Try to check for websockets!

    • @kibbwiki5478
      @kibbwiki5478 6 років тому

      ill look into it, thanks!@@groovysalmon6857

  • @tiffanychan478
    @tiffanychan478 5 років тому

    Why there's no ( ) after btn.onclick = changeBtnText?

  • @pratikgupta7373
    @pratikgupta7373 4 роки тому

    Awesome

  • @mahdisharifi5989
    @mahdisharifi5989 5 років тому

    is it the last episode of this course ??

  • @frownless
    @frownless 6 років тому

    can you make a tutorial on how u use adobe xd to design a site and later implement of a website i have been searching all over youtube and i cant really find one

  • @jackw.3978
    @jackw.3978 3 роки тому

    In HTML this is possible: onclick="doSomething();doSomethingElse();"

  • @feruzteame8854
    @feruzteame8854 4 роки тому

    great !

  • @anaisrevellat5692
    @anaisrevellat5692 3 роки тому

    Thanks

  • @ahmadhassan5680
    @ahmadhassan5680 6 років тому

    Thank You

    • @ahmadhassan5680
      @ahmadhassan5680 6 років тому

      Thank you for respond Denial. you made a video in this series named banner rotater. in that video there was a problem on previous button. i try to solve that problem but i could not fix that. pleas us the solution. pleas pleas. pleas. i will ask for that until the solution is not provided :)

  • @adonishomefitness
    @adonishomefitness 5 років тому

    so isnt there anymore episode coming

  • @flyingcat3486
    @flyingcat3486 6 років тому +2

    Nice video Elon musk.host meme review pls

  • @loosabway3400
    @loosabway3400 4 роки тому

    At about 8'10" you said 'delete the first function' rather than the second which is what you meant

  • @sonkhananioraciomwape7524
    @sonkhananioraciomwape7524 3 роки тому

    #Powerlecture thanks man

  • @cb_sp5022
    @cb_sp5022 6 років тому

    God video 😅

  • @williamjamesrapp7356
    @williamjamesrapp7356 5 років тому

    I am sure that to a JS pro all this makes sense.

  • @Vformilyoner
    @Vformilyoner Рік тому

    where is the third parameter ?

  • @さよこせつこ
    @さよこせつこ 2 роки тому

    I wonder why all tutorial dosent show how to fix looping listeners :/
    Example;
    test.button.addEventListener('click',function(e){
    test.count++;
    console.log(test.count);
    })
    This will work fine if you write it first time, everytime you press that button you will get +1 each time.
    BUT!
    If you update that function you will then add "new" function plus that one you just created,
    that's mean you will now get +1 +1 = +2 for each time now...
    I did just for fun editing my function 50 times, now it will add +52 each time when i press that button :O
    On dev tools I can see there is 52 different script code that start with "VM" and then some random number, plus :line code
    Can someone give some advice to prevent this happened?
    onclick function works so much better, its just addEventListener() that doesn't work

  • @emiledeloof1036
    @emiledeloof1036 4 роки тому

    why does this guy look like the drugs dealer from obx xD

  • @dawidp7094
    @dawidp7094 6 років тому

    Thumbnails are weird

  • @joshuajerin1677
    @joshuajerin1677 6 років тому

    Try to fix your website

    • @Dani_Krossing
      @Dani_Krossing  6 років тому

      Excuse me?

    • @joshuajerin1677
      @joshuajerin1677 6 років тому

      Do you remember your "rotating banner" video??? If you do, the pictures required for the lesson cannot be viewed.

    • @joshuajerin1677
      @joshuajerin1677 6 років тому

      Not only that but basically when I try to enter your website I find it as ERROR 404