addEventListener

发布时间 2023-06-12 13:44:05作者: kitebear

addEventListener 是给一个 DOM 元素添加事件监听器的方法,可以在元素上绑定响应函数以便在特定事件发生时被调用。

addEventListener 的最后一个参数是一个布尔值,用来指定事件监听器应该以哪种方式处理。具体来说,这个参数有两种取值:

  1. true,表示在捕获阶段调用事件监听器。当事件发生时,从最外层的节点开始向下传递,直到到达触发事件的节点。
  2. false,表示在冒泡阶段调用事件监听器。当事件发生时,从触发事件的节点开始向上冒泡,直到到达最外层的节点。

通常情况下,addEventListener 的第三个参数都是 false,也就是在冒泡阶段调用事件监听器。在冒泡阶段调用事件监听器的好处在于能够让我们定义事件处理函数的顺序,先绑定的事件监听器会后被触发,后绑定的事件监听器会先被触发。这样可以让我们更加灵活地处理事件响应。