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

In this JavaScript tutorial you will learn how to run multiple functions when a JavaScript event happens. I will show how to do this using two different methods, where one includes using JavaScript event listeners.


First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful 🙂

Material for this lesson: https://www.patreon.com/posts/javascript-35-22510514

Original source

43 responses to “35: What Are Event Listeners In JavaScript | JavaScript Events | JavaScript Tutorial | mmtuts”

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

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

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

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

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

  6. Hey Daniel, I am working on personal project and I successfully created signup and email verification by sending verification email. I hashed my password. Now I am creating login, almost done, but how to match that hashed password save in database,
    I also read about password_verify() function, but no success,

    then I thought to select data by just email and state of status and then I thinking to fetch that password from the database and passed into mysqli_stmt_bind_param() statement. but I dont know how to fetch result using pdo. also it is safe to do like I am doing.
    mysqli_stmt_bind_param($stmt, "ss", $usr_lgn_email, $active);



    $result = mysqli_stmt_num_rows($stmt);


    $hash = '$2y$07$BCryptRequires22Chrcte/VlQH0piJtjXl.0t1XkA8pw9dMXTpOq';

    if (password_verify($usr_lgn_pwrd, $hash)){

    header("Location: ../../php/app profile page/index.php?login=success");



    although, it's not php tuts, but please answer, if you can

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

Leave a Reply