JavaScript 中的事件绑定将事件处理程序与 HTML 元素关联，以便在特定事件发生时执行动作。绑定方法有：addEventListener()：现代浏览器推荐，接受事件类型、处理函数和阶段参数。attachEvent()：Internet Explorer 中的旧方法，接受带 "on" 前缀的事件类型和处理函数参数。内联事件处理程序：直接在 HTML 元素属性中指定处理函数。
JavaScript 事件绑定
在 JavaScript 中，事件绑定是将事件处理程序与 HTML 元素关联的过程，以便在特定事件（例如点击、悬停或按键）发生时执行特定的动作。
事件绑定方法
有几种方法可以在 JavaScript 中绑定事件：
-
addEventListener() 方法：这是现代浏览器推荐的事件绑定方法。它接受三个参数：
- 事件类型，如 "click" 或 "mouseover"
- 事件处理程序函数
- 指定事件是否在捕获阶段还是冒泡阶段触发（可选）
例如：
document.querySelector("button").addEventListener("click", myFunction); -
attachEvent() 方法：这是 Internet Explorer 中使用的较旧的事件绑定方法。它接收两个参数：
- 事件类型，带有 "on" 前缀，如 "onclick" 或 "onmouseover"
- 事件处理程序函数
例如：
document.querySelector("button").attachEvent("onclick", myFunction); -
内联事件处理程序：事件处理程序也可以直接作为 HTML 元素属性指定。
例如：
选择事件目标
事件处理程序可以绑定到各种 HTML 元素，例如：
- DOM 元素（如按钮、链接）
- 文档对象（如 window、document）
- HTML 集合（如 document.querySelectorAll("button"))
事件处理程序函数
事件处理程序函数是当事件发生时执行的函数。它通常接收一个事件对象作为参数，该对象包含有关事件的详细信息。
事件流
当事件发生时，它会穿过一个称为事件流的层级结构，其中事件处理程序依次被触发。有两种事件流阶段：
- 捕获阶段：事件从文档根元素流向目标元素。
- 冒泡阶段：事件从目标元素流回文档根元素。
通过将第三个参数传递给 addEventListener() 方法，可以指定事件处理程序是在捕获还是冒泡阶段触发。
移除事件监听器
可以通过调用 removeEventListener() 方法来移除事件监听器。它接收与先前使用的 addEventListener() 方法相同的参数。
