在JavaScript中,DOM(文档对象模型)事件是处理用户交互的关键部分。事件可以是用户的操作,如点击、键入或滚动等。通过使用事件监听器,我们可以在特定的事件发生时执行相应的代码。而事件委托是一种优化技术,它允许我们在父元素上监听事件,而不是在每个子元素上都添加事件监听器。本文将详细介绍DOM事件和事件委托,并提供相应的源代码示例。
DOM事件
DOM事件是与HTML元素相关联的特定行为或交互的响应机制。当事件发生时,浏览器会生成一个事件对象,其中包含有关事件的信息。我们可以通过添加事件监听器来捕获并处理这些事件。
添加事件监听器
要添加事件监听器,我们可以使用addEventListener
方法。以下是一个简单的示例,展示了如何在按钮被点击时触发一个事件:
const button = document.querySelector(