Javascript事件监听

在 JavaScript 中，可以通过事件监听来捕获和处理特定的事件。以下是几种常见的 JavaScript 事件监听方式：

1. 使用 `addEventListener` 方法：可以通过该方法给指定的元素添加事件监听器，监听特定的事件类型，并在事件触发时执行相应的回调函数。

element.addEventListener(eventType, callback);

2. 使用 HTML 属性：可以在 HTML 元素上直接添加事件监听器，通过指定相应的属性值来绑定事件处理函数。

<button onclick="myFunction()">Click me</button>

3. 使用对象属性：可以将函数指定为对象的属性值，当事件触发时，执行相应的处理函数。

element.onclick = function() {
  // 处理点击事件的逻辑
};

4. 使用事件委托：可以将事件监听器绑定到父元素上，通过事件冒泡机制，在父元素上捕获子元素触发的事件。

parentElement.addEventListener(eventType, function(event) {
  if (event.target.matches('.child-element')) {
    // 处理子元素触发的事件
  }
});

这些方法可以帮助你在 JavaScript 中进行事件监听，根据需要选择适合的方式来捕获和处理事件。