JavaScript事件是用户或浏览器执行的动作，通过addEventListener()可为元素添加灵活、可维护的点击等事件监听器，支持多监听器、事件委托及移除，是前端交互开发基础。
JavaScript 事件是用户或浏览器执行的特定动作（比如点击、鼠标移动、页面加载完成等），它让网页具备交互能力。为元素添加点击事件监听，就是告诉浏览器：“当这个按钮/文字/图片被点击时，请执行某段代码”。
什么是事件监听器（Event Listener）
事件监听器是一种机制，用于“监听”某个元素上是否发生了指定事件。相比直接写 onclick="..." 这种内联方式，用 addEventListener() 更灵活、可维护性更强，也支持给同一个元素添加多个相同类型的监听器。
如何用 addEventListener 添加点击事件
基本语法是：
element.addEventListener('click', function() { /* 要执行的代码 */ });
- 第一个参数是事件类型字符串，如 'click'、'mouseover'、'keydown' 等
- 第二个参数是一个函数，即事件触发时要运行的代码（可以是匿名函数，也可以是已定义的函数名）
- 确保 JS 代码在对应 HTML 元素之后执行，或放在 DOMContentLoaded 事件里，避免获取不到元素
一个完整的小例子
HTML：
JavaScript：
const btn = document.getElementById('myBtn');
btn.addEventListener('click', () => {
alert('你点击了按钮！');
});
常见注意事项
- 如果元素是动态生成的（比如通过 JS 新增的按钮），需把监听器加到父容器上，并利用事件委托（用 e.target 判断真正被点击的元素）
- 想移除监听器？得用命名函数，不能用箭头函数（因为无法引用），然后调用 removeEventListener()
- 移动端注意：click 有约 300ms 延迟，可用 touchstart 或引入 fastclick 库优化
基本上就这些。掌握 addEventListener 是前端交互开发的基础，不复杂但容易忽略细节。
立即学习“Java免费学习笔记（深入）”；
