preventdefault() 有时无效，主因是调用时机错误（如异步回调中）、event 参数缺失、事件已冒泡终止、浏览器限制特定默认行为；它仅阻止默认行为，不阻止冒泡，return false 在原生 js 中无事件控制作用。
直接调用 event.preventDefault() 就能阻止默认行为，但必须确保它在事件处理函数中被正确调用，且事件对象存在。
为什么 preventDefault() 有时没效果？
常见原因不是方法写错，而是调用时机或上下文不对：
- 在异步回调（比如
setTimeout或 Promise.then）里调用 —— 此时事件早已结束，preventDefault()无效 - 事件监听用了箭头函数但没传入
event参数，导致event是undefined - 绑定的是冒泡阶段的监听器，但事件已在捕获阶段被其他 handler 调用过
stopPropagation()或提前终止 - 某些浏览器对特定事件（如
keydown中的F5、Ctrl+R）限制阻止，默认行为仍会触发
preventDefault() 和 return false 的区别
它们不是等价操作：
-
event.preventDefault()只阻止默认行为（如表单提交、链接跳转、滚动等） -
event.stopPropagation()只阻止事件冒泡 -
return false在 jQuery 中 =preventDefault() + stopPropagation()；但在原生 JS 中，它只是函数返回值，**完全不会影响事件行为**
所以原生事件里写 return false 是无效的，别这么干。
立即学习“Java免费学习笔记（深入）”；
常见场景下的正确写法
不同事件类型要注意触发条件和兼容性：
document.querySelector('a').addEventListener('click', function(event) {
// 链接点击：阻止跳转
event.preventDefault();
});
document.querySelector('form').addEventListener('submit', function(event) {
// 表单提交：阻止页面刷新
event.preventDefault();
// 后续可执行 fetch 提交
});
document.addEventListener('keydown', function(event) {
// 按下空格时阻止页面滚动（但注意：部分浏览器限制）
if (event.code === 'Space') {
event.preventDefault();
}
});
注意：keydown 中阻止空格或方向键，在 iOS Safari 和部分移动端 WebView 中可能不生效，这是系统级限制，无法绕过。
最易被忽略的一点：如果事件是通过 addEventListener 绑定的，就必须在 handler 内显式调用 preventDefault()；内联 HTML 事件（如 onclick="..."）里不能直接写 event.preventDefault()，因为 event 不在作用域内 —— 必须传参或改用 JS 绑定。
