可以为同一按钮绑定多个点击事件处理函数，addeventlistener支持重复调用，按注册顺序依次执行；推荐使用命名函数以便精准移除，匿名函数因引用不同无法单独移除。
可以为同一个按钮绑定多个点击事件处理函数，不需要手动合并或覆盖，addEventListener 本身就支持重复调用，每个处理函数都会被独立保存并依次执行。
直接多次调用 addEventListener
只要传入不同的函数引用（或匿名函数），就能添加多个监听器。它们会按注册顺序触发：
- 每次调用 addEventListener 都新增一个监听器，互不影响
- 函数必须是不同引用；重复传入同一个函数（如命名函数）默认不会重复添加（除非显式指定
{ once: false }且未去重） - 推荐使用命名函数，便于后续移除
使用命名函数便于管理
命名函数更清晰，也方便通过 removeEventListener 精准移除某个处理逻辑：
const btn = document.getElementById('myBtn');
function handleLog() {
console.log('日志：按钮被点击');
}
function handleAlert() {
alert('提醒用户');
}
function handleAnalytics() {
console.log('上报点击数据');
}
btn.addEventListener('click', handleLog);
btn.addEventListener('click', handleAlert);
btn.addEventListener('click', handleAnalytics);
注意匿名函数的限制
如果用匿名函数，每次都是新引用，无法用 removeEventListener 移除特定一个：
- 以下写法会添加三个监听器，但无法单独移除其中某一个
- 因为
removeEventListener('click', function(){})中的函数不是同一个引用
btn.addEventListener('click', () => console.log('A'));
btn.addEventListener('click', () => console.log('B'));
btn.addEventListener('click', () => console.log('C'));
移除指定的事件监听器
要移除某个处理函数，必须使用相同的函数引用和相同事件类型：
// ✅ 正确：用同一个函数名
btn.removeEventListener('click', handleLog);
// ❌ 错误：匿名函数无法匹配
btn.removeEventListener('click', () => console.log('A'));
不复杂但容易忽略：多个事件处理器之间不干扰，执行顺序就是添加顺序，也不需要额外封装或代理。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
