Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để làm việc với phương thức removeEventListener () trong JavaScript?

Sử dụng phương thức removeEventListener () trong JavaScript để xóa trình xử lý sự kiện được đính kèm với phương thức addEventListener ().

Ví dụ

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