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

Làm thế nào để loại bỏ trình xử lý sự kiện bằng 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>