本文共 486 字，大约阅读时间需要 1 分钟。

在原生操作DOM元素时，常常需要同时绑定多个事件。例如，一个元素可能需要同时响应点击事件和双击事件。为此，原生JavaScript提供了addEventListener方法，允许我们为同一元素绑定多个事件。

示例代码

    
   
    
    点击显示
    
   
    
    点击显示
    
   

事件监听器参数说明

• 第一个参数是事件名称，直接使用字符串表示，无需包含"on"前缀。
• 第二个参数是回调函数，浏览器在事件触发时调用。
• 第三个参数是布尔值，表示是否在捕获阶段触发事件，默认值为false。
• 事件绑定顺序按照添加的顺序执行。

兼容性考虑

注意到IE8及更旧版本不支持addEventListener，建议使用attachEvent方法替代：

元素.attachEvent('事件名称', 函数)；

jQuery实现

如果项目已使用jQuery，可以简化代码：

$("#btn").on("click", function () {
    $("#box").text("这是第二个元素");
});

以上方法均可实现多事件绑定功能。