event.preventdefault()阻止默认行为（如跳转、刷新），event.stoppropagation()阻止事件冒泡；二者独立且需显式调用，return false在原生事件中无效，不可替代。

在 JavaScript 事件机制中，阻止默认行为和阻止冒泡传播是两个独立但常被混淆的操作。它们解决不同问题：一个是“不让浏览器干它本来要干的事”，另一个是“不让事件往上通知父元素”。用对方法，页面交互才可控、可维护。

怎么阻止事件的默认行为

默认行为是浏览器对特定元素的内置响应，比如点击链接跳转、提交表单刷新页面、按空格键滚动等。只要该事件对象的 cancelable 属性为 true，就能用 event.preventDefault() 阻止：

• 在事件处理函数内调用，且必须在事件触发后、默认行为发生前执行（通常放在第一行）
• 兼容写法（兼顾旧版 IE）：e.preventDefault ? e.preventDefault() : (e.returnValue = false)
• 常见用途：阻止表单提交做 AJAX、阻止链接跳转改弹窗、阻止右键菜单、阻止回车触发表单提交

怎么阻止事件冒泡传播

冒泡是指事件从目标元素逐级向上传递到 document 的过程。若不干预，父级监听器也会响应同一事件。阻止冒泡用 event.stopPropagation()：

Java Development Manual

Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。 当用户需要：(1) 编写或审查Java代码 (2) 检查命名/代码规范 (3) 处理异常和日志 (4) 编写单元测试 (5) 安全编码 (6) 数据库设...

下载

• 只影响当前事件实例的传播路径，不影响其他同级监听器或默认行为
• 兼容写法：e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true)
• 典型场景：点击下拉菜单内部按钮时，不希望触发外层「点击空白关闭」逻辑

别把 return false 当万能解

return false 的效果取决于绑定方式，容易误用：

• 在 addEventListener 中，return false 完全无效，不会阻止冒泡也不会阻止默认行为
• 在内联事件（如 onclick="..."）或 jQuery 里，它才等价于同时调用 preventDefault() 和 stopPropagation()
• 建议始终显式调用 e.preventDefault() 或 e.stopPropagation()，避免隐式依赖

什么时候该一起用

很多实际需求需要两者配合，例如自定义表单提交按钮：

• 点击按钮时，既要防止表单默认提交（刷新页面），又要防止事件冒泡干扰外层布局监听
• 正确写法：e.preventDefault(); e.stopPropagation();
• 注意顺序无关，但缺一不可——只阻止默认行为，父容器仍可能响应；只阻止冒泡，页面还是会跳转或刷新

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南