removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
</head>
<head>
  <style>
    #myDIV {
      background-color: coral;
      border: 1px solid;
      padding: 50px;
      color: white;
    }
  </style>
</head>
<body>

  <div id="myDIV"> div 元素添加了 onmousemove 事件句柄，鼠标在桔红色的框内移动时会显示随机数。
    <p>点击按钮移除 DIV 的事件句柄。</p>
    <button onclick="removeHandler()" id="myBtn">点我</button>
  </div>
  <p id="demo"></p>
  <script>
    document.getElementById("myDIV").addEventListener("mousemove", myFunction);

    function myFunction() {
      document.getElementById("demo").innerHTML = Math.random();
    }

    function removeHandler() {
      document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
    }
  </script>

</body>
</html>
        