前端 javascript 怎么动态添加事件？

在JavaScript中，可以使用addEventListener()方法来动态添加事件。该方法需要三个参数：事件类型、事件处理程序和一个布尔值，指定事件是否在捕获或冒泡阶段进行处理。例如，以下代码可以在单击按钮时弹出一个消息框：

<button id="myButton">点击我</button>

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  alert('你单击了按钮！');
});

在上面的代码中，addEventListener()方法将click事件绑定到id为myButton的按钮上。当按钮被单击时，匿名函数中的代码将被执行，弹出一个消息框。您还可以将事件处理程序定义为具有名称的独立函数，并将该函数的名称传递给addEventListener()方法。例如：

function handleClick() {
  alert('你单击了按钮！');
}

const button = document.getElementById('myButton');
button.addEventListener('click', handleClick); 

上面的代码定义了一个名为handleClick()的函数，然后使用addEventListener()方法将click事件绑定到id为myButton的按钮上，以调用handleClick()函数。