删除事件(解绑事件)

删除事件(解绑事件)

在实际开发中,我们可能会遇到这样一个问题,在用户点击某一个按钮之后,我们希望那个按钮所绑定的事件是一次性的,这个时候就需要在事件处理函数执行完毕之后将这个事件给删除掉。

这个时候就需要用到删除事件的方法了。

方法监听注册方式

1. removeEventListener

eventTarget.removeEventListener(type, listener, [useCapture]);

参数

  • type:事件类型,比如click,mouseover等等
  • listener:事件处理函数
  • userCapture:是否捕获阶段执行 true:捕获阶段执行 false:冒泡阶段执行

2. detachEvent

eventTarget.detachEvent(type, listener);

参数

  • type:事件类型,比如click,mouseover等等
  • listener:事件处理函数

传统注册方式

eventTarget.onxxx = null

eventTarget.onxxx = null;

参数

  • eventTarget:事件目标
  • onxxx:事件类型,比如onclick,onmouseover等等