阻止事件冒泡用event.stopPropagation()(IE8用cancelBubble=true),阻止默认行为用event.preventDefault();二者作用不同、不可互替,可同时调用或用stopImmediatePropagation()更彻底阻止;原生JS中return false无效。

JavaScript 事件处理中,阻止事件冒泡和默认行为是两个常见且关键的操作,它们分别通过 event.stopPropagation() 和 event.preventDefault() 实现,作用不同、不可互相替代。
如何阻止事件冒泡
事件冒泡指事件从触发元素逐级向上传播到父元素的过程。比如点击一个按钮,如果按钮和它的父 某些元素有浏览器内置的默认动作,例如: 有时需要二者都禁用,比如实现一个可拖拽但点击时不跳转也不触发父容器操作的链接: 立即学习“Java免费学习笔记(深入)”; 避免误用或遗漏是关键:click 监听器,不加干预时两者都会响应。
event.stopPropagation() 可立即中断冒泡路径,阻止事件继续向父级传播once: true)event.cancelBubble = true
如何阻止默认行为
点击跳转、 提交刷新页面、 点击切换勾选状态。
event.preventDefault() 可取消这个默认动作,但不影响事件冒泡同时阻止冒泡和默认行为的写法
event.stopPropagation(); event.preventDefault();
event.stopImmediatePropagation(); —— 它不仅阻止冒泡,还会阻止同一事件阶段的其他监听器执行(比 stopPropagation 更彻底)实际应用中的注意事项
preventDefault(),否则默认行为仍会触发document.addEventListener('click', handler))中,应先判断 event.target 再决定是否阻止冒泡,否则可能影响全局交互return false 在 jQuery 中等价于同时调用 preventDefault 和 stopPropagation,但在原生 JS 中仅表示函数返回值,**完全无效**











