JavaScript事件监听器生效需满足三条件:元素存在、绑定成功、事件路径未中断;动态元素须用事件委托;注意避免移除失败、重复绑定、冒泡阻断及CSS禁用事件。

JavaScript 事件监听器不是“注册完就自动生效”的魔法,它依赖三个关键条件:元素存在、监听器绑定成功、事件触发路径未被中断。漏掉任一环,click 就不会响应。
元素必须在绑定监听器时已存在于 DOM 中
如果用 document.getElementById('btn') 获取按钮,但该元素是后续通过 innerHTML 或 appendChild 动态插入的,那获取结果就是 null,绑定自然失败。
常见做法:
- 把 JS 脚本放在 HTML 底部(











