JavaScript 中定义和监听事件的方法：确定事件类型。查找事件目标。使用 addEventListener() 添加事件监听器。定义事件处理函数。（可选）使用 removeEventListener() 移除事件监听器。
JS 如何定义监听的事件
为了在 JavaScript 中定义和监听事件，需要遵循以下步骤：
1. 确定事件类型
不同的元素可以触发各种事件，例如点击、鼠标悬停、键盘输入等。确定要监听的特定事件类型。
2. 查找事件目标
确定将监听事件的 HTML 元素。这可以通过使用文档查询方法（例如 document.querySelector() 或 document.getElementById()) 实现。
3. 添加事件监听器
使用 addEventListener() 方法将事件监听器添加到目标元素。此方法需要三个参数：
- 事件类型（例如
"click"或"mouseover"） - 事件处理函数（当事件触发时要执行的函数）
- 布尔值，指定是否在捕获阶段还是冒泡阶段监听事件（默认情况下为
false）
语法：
element.addEventListener(event, handler, [capture]);
示例：
监听按钮的单击事件：
const button = document.querySelector('button');
button.addEventListener('click', function() {
console.log('Button clicked!');
});4. 定义事件处理函数
事件处理函数定义了当事件触发时要执行的操作。它可以是一个匿名函数或一个已命名的函数。该函数通常接收一个事件对象作为参数，其中包含有关触发事件的详细信息。
示例：
function handleClick(event) {
console.log('Button clicked with coordinates: ', event.clientX, event.clientY);
}5. 移除事件监听器（可选）
如果不再需要监听事件，可以使用 removeEventListener() 方法将其移除。
语法：
element.removeEventListener(event, handler);
通过遵循这些步骤，可以轻松地在 JavaScript 中定义和监听事件，以便在用户交互或其他事件发生时触发所需的代码。
