JavaScript 动态添加事件代码 - JavaScript 技巧

在 JavaScript 中，我们经常需要为 HTML 元素添加事件处理程序。通常情况下，我们可以直接在 HTML 标记中使用 onclick、onmouseover 等属性来指定事件处理函数。但是，在某些情况下，我们可能需要动态地添加事件处理程序，这时就需要使用 JavaScript 来实现。

动态添加事件处理程序可以让我们在运行时根据条件或用户操作来动态地决定添加何种事件。这为我们提供了更大的灵活性和控制权。

下面是一些使用 JavaScript 动态添加事件处理程序的技巧和示例代码。

1. 使用 addEventListener 方法

addEventListener 方法是 JavaScript 提供的一种添加事件处理程序的常用方式。它允许我们为指定的元素添加多个事件处理程序，并且支持捕获和冒泡阶段的事件。

以下是使用 addEventListener 方法动态添加点击事件处理程序的示例代码：

const button = document.getElementById(<