js 如何对html已注册的事件进行拦截?

2 min read

可以使用以下三种方式对 HTML 已注册的事件进行拦截:

  1. 使用事件代理(Event Delegation):将事件绑定在父元素上,利用事件冒泡机制拦截子元素的事件触发,进行处理。

  2. 使用原生事件监听器(addEventListener):在已有的事件监听器之前,使用 addEventListener 添加新的监听器,对事件进行拦截处理。

  3. 直接修改已有事件监听器的回调函数:获取已有监听器并更改其回调函数,使其在事件触发前执行自定义操作。但这种方式可能会影响一些库或框架的正常使用,因此谨慎使用。