Javascript Event How to - Remove DOM Event Observer

Question

We would like to know how to remove DOM Event Observer.

Answer


<!DOCTYPE html>
<html>
<body>
  <div style="border: 1px solid red">
    &nbsp;&nbsp;&nbsp;<!-- w w w .  j a  v  a 2s. c  o  m-->
    <div id="tt" style="border: 1px solid blue; color: red">Click me</div>
    &nbsp;&nbsp;&nbsp;
  </div>
<script type='text/javascript'>
var foo = document.getElementById("tt");
foo.addEventListener("click",function(){
     console.log(1);
     var fee = foo.cloneNode();
     foo.parentNode.replaceChild(fee, foo);
});

</script>

</body>
</html>

The code above is rendered as follows: