JavaScript DOM事件和事件委托

在JavaScript中，DOM（文档对象模型）事件是处理用户交互的关键部分。事件可以是用户的操作，如点击、键入或滚动等。通过使用事件监听器，我们可以在特定的事件发生时执行相应的代码。而事件委托是一种优化技术，它允许我们在父元素上监听事件，而不是在每个子元素上都添加事件监听器。本文将详细介绍DOM事件和事件委托，并提供相应的源代码示例。

DOM事件

DOM事件是与HTML元素相关联的特定行为或交互的响应机制。当事件发生时，浏览器会生成一个事件对象，其中包含有关事件的信息。我们可以通过添加事件监听器来捕获并处理这些事件。

添加事件监听器

要添加事件监听器，我们可以使用addEventListener方法。以下是一个简单的示例，展示了如何在按钮被点击时触发一个事件：

const button = document.querySelector('#myButton')