事件的删除

代码中通常会要求一个事件只能进行一次，所以进行完一次后我们要删除事件

---

传统方法删除事件：

element.onclick = null

执行过一次后按钮点击无效

  <button>按钮1</button>
<script>
     var btn=document.querySelector('button');
     btn.onclick=function(){
         alert('hello');
        btn.onclick=null;
     }
</script>

---

事件侦听注册事件的删除：

removeEventLisenter ( "type", listener , [useCapture] )

此处应注意如果注册后要删除事件的话注册事件的写法会不同，不能再使用匿名函数注册，应注意此时注册事件时的函数调用不需要加括号

  <button>按钮1</button>
<script>
     var btn=document.querySelector('button');
    btn.addEventListener("click",fn)  //此处的fn不需要加括号
    function fn(){
        alert('hi');
        btn.removeEventListener("click",fn);
    }
</script>