event.preventDefault() 仅对特定事件同步生效，监听对象错误、位置不当或异步调用均会导致失效；需正确绑定submit事件、避免passive限制、注意框架合成事件差异。
event.preventDefault() 不是万能开关，它只在特定事件上起效、且必须同步执行——绑错事件、放错位置、用错时机，都会让它“像没写一样”。
为什么 click 里调 preventDefault() 没拦住跳转？
最常见的是监听对象错了：你给 <button> 绑了 click，但真正触发跳转的是它外面的 <a href="...">，而点击区域实际落在图标或文字子元素上，事件没冒泡上来。
- 检查
event.target是不是你预期的元素，打印它：console.log(e.target) - 别依赖内联
onclick，统一用addEventListener并确保挂载在最外层可点击容器上 - 如果子元素确实拦截了事件，加一句
e.stopPropagation()再调e.preventDefault()，但要确认是否真需要阻断冒泡 - 链接跳转优先用
<a href="#">+e.preventDefault()，而不是href="javascript:void(0)"（影响可访问性）
表单提交拦不住？大概率没监听对 submit 事件
浏览器只在 form 元素上触发真正的“提交默认行为”，click 在按钮上根本不会触发页面刷新——所以监听按钮的 click 是无效的。
- 必须监听
form元素的submit事件：form.addEventListener('submit', e => { ... }) -
e.preventDefault()必须放在回调函数第一行，不能包在setTimeout、fetch().then()或任何异步逻辑里 - 动态插入的表单要用事件委托，监听父级并判断
e.target.tagName === 'FORM' - 提交按钮建议显式写成
<button type="button">，避免回车键意外触发表单
touchstart 和 touchmove 里用 preventDefault() 要命
iOS Safari 和新版 Chrome 对触摸事件加了 passive 限制：默认情况下 touchstart 是 passive 的，此时调 preventDefault() 不仅无效，还会报 warning。
立即学习“前端免费学习笔记（深入）”；
- 除非你在做手势识别、拖拽滚动等强交互，否则别碰
touchstart的preventDefault() - 想禁用滚动，优先用 CSS：
touch-action: none（配合 JS 手势库更稳） - 真要 JS 拦截，只在明确判定为横向滑动等场景下才调，不要无条件执行
- 若必须监听，加
{ passive: false }参数：el.addEventListener('touchmove', handler, { passive: false })
最容易被忽略的一点：框架里（React/Vue）的合成事件对象不是原生 event，e.preventDefault() 必须显式调用，且不能依赖 e.target 等原生属性——很多失效其实是框架没透出正确 event 实例导致的。
