addEventListener 方法是干什么的?底层原理是什么?

addEventListener 方法用于将事件处理函数绑定到特定的事件类型上,以便在事件被触发时执行该函数。例如,可以使用 addEventListener 方法将一个鼠标点击事件处理函数绑定到一个按钮上,当用户点击按钮时,该函数将被调用。

该方法的语法如下:

target.addEventListener(type, listener[, options]);

其中,target 表示要绑定事件处理函数的目标元素;type 表示要绑定的事件类型;listener 表示要绑定的事件处理函数;options 是一个可选的配置对象,用于指定事件处理的一些选项,例如事件是否在捕获阶段处理等。

底层原理是通过浏览器内部的事件监听机制来实现的。当使用 addEventListener 方法绑定事件处理函数时,浏览器会将该函数注册到相应的事件类型的事件队列中。当该事件类型被触发时,浏览器会按照注册顺序依次调用相应的事件处理函数。如果多个事件处理函数被绑定到同一个事件类型上,则它们将按照注册顺序依次执行。