Teach with us

How to work with removeEventListener() method in JavaScript?

Use the removeEventListener() method in JavaScript to remove event handler attached with addEventListener() method.

Example

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            background-color: gray;
            border: 2px dashed;
         }
      </style>
   </head>

   <body>
      <div id="box">Demo Text!
         <p>Click below to remove event handler.</p>
         <button onclick="removeEvent()" id = "btnid">Remove</button>
      </div>
      <p id="pid"></p>
      <script>
         document.getElementById("box").addEventListener("mousemove", display);
         function display() {
            document.getElementById("pid").innerHTML = Math.random();
         }
         function removeEvent() {
            document.getElementById("box").removeEventListener("mousemove", display);
         }
      </script>
   </body>
</html>
Updated on 23-Jan-2020 08:17:15

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements