JavaScript事件是交互的触发机制,需用addEventListener绑定并确保DOM就绪;阻止默认行为用e.preventDefault();重复触发常因监听器重复添加,可用once选项或事件委托解决。

JavaScript 事件不是“要学的概念”,而是你写交互时**绕不开的触发机制**——按钮点不点得响、表单提不提交、键盘按没按下,全靠它响应。
什么是事件监听器(addEventListener)?
它是现代浏览器处理事件的标准方式,比直接写 onclick 属性更灵活、可复用、支持多次绑定。
常见错误现象:button.onclick = handler 被重复赋值,后一次覆盖前一次;或在 DOM 加载完成前就尝试绑定,报 Cannot read property 'addEventListener' of null。
- 必须确保元素已存在:用
document.addEventListener('DOMContentLoaded', ...)或把脚本放











