阻止链接跳转的核心是调用event.preventDefault()来取消默认行为，而非仅处理冒泡；若还需阻止事件向上传播，则额外调用e.stopPropagation()；内联写法中return false虽可同时阻止二者，但不推荐现代开发使用。
阻止默认链接跳转，关键不是只管“冒泡”，而是先明确：链接跳转是默认行为，不是冒泡导致的。事件冒泡和默认行为是两个独立机制，需分别处理——想让点击链接不跳转，核心是阻止默认行为；是否阻止冒泡，则取决于你是否希望父级元素也响应这次点击。
只阻止跳转（保留冒泡）
这是最常见需求：点击链接执行自定义逻辑（比如弹窗、加载数据），但不让页面跳转，同时允许事件继续向上触发父级监听器（例如统计点击、高亮容器等）。
- 用 event.preventDefault() 即可，它只干预默认行为，不影响冒泡
- 适用于 addEventListener 绑定方式，兼容所有现代浏览器
- 示例：
<a href="https://example.com" id="myLink">点我</a>
<script>
document.getElementById('myLink').addEventListener('click', function(e) {
e.preventDefault(); // ✅ 阻止跳转
console.log('已拦截，但父级仍可收到事件');
});
</script>
既阻止跳转又阻止冒泡
当你不希望父级元素响应点击（比如弹层内的链接，点了不该触发外层关闭逻辑），就要同时拦截两件事。
- 调用 e.preventDefault() + e.stopPropagation()
- 注意：不能只写
return false—— 在 addEventListener 中它完全无效 - 示例：
div.outer.onclick = () => alert('outer');
document.getElementById('myLink').addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation(); // ✅ 阻止向上传播
});
内联写法中用 return false（慎用）
如果直接在 HTML 里写 onclick="doSomething(); return false;"，这个 return false 会同时阻止默认行为和冒泡，并终止函数执行。
立即学习“Java免费学习笔记（深入）”；
- 仅限内联事件属性（如 onclick、onsubmit），不推荐用于现代开发
- 缺点：逻辑耦合 HTML，不利于维护；无法在 addEventListener 中复用
- 示例：
<a href="/home" onclick="alert('自定义操作'); return false;">点我</a>
兼容旧 IE 的写法（基本已无需考虑）
极少数需要支持 IE8 及更早版本时，可补充 e.returnValue = false，但当前主流项目可忽略。
- 现代标准写法统一用
e.preventDefault()即可 - 检查是否可阻止：
if (e.cancelable) e.preventDefault()更稳妥
