JS event如何使用-117笔记问答

在JavaScript中，我们可以使用事件（events）来响应用户的交互或其他发生的动作。下面是使用JS事件的一般步骤：

1. 选择目标元素：首先，我们需要选择要触发事件的HTML元素。可以通过使用document.getElementById()方法获取特定ID的元素，或者使用其他选择器方法如querySelector()或getElementsByClassName()来选择元素。

2. 添加事件监听器：使用addEventListener()方法将事件监听器附加到选定的元素上。该方法接受两个参数：要监听的事件类型（例如，"click"、"mouseover"等）和一个回调函数（事件被触发时执行的函数）。

const element = document.getElementById('myButton');
element.addEventListener('click', myFunction);

3. 编写事件处理函数：定义一个事件处理函数，该函数将在事件被触发时执行。可以直接编写函数，也可以使用匿名函数。

function myFunction() {
  // 执行特定的代码逻辑
}
// 匿名函数示例
element.addEventListener('click', function() {
  // 执行特定的代码逻辑
});

注意事项：

1、可以添加多个事件监听器到同一个元素上，每个事件都有自己的处理函数。

2、使用removeEventListener()方法可以从元素上移除事件监听器。

3、在事件处理函数中，可以使用event对象来访问关于事件的信息，例如事件类型、目标元素等。

JS event如何使用