JavaScript 中取消事件冒泡的方法
作者:小圆点时间:2026-10-27 14:50:32浏览:239
本文介绍了在 JavaScript 中取消事件冒泡的两种主要方式。针对非 IE 浏览器,推荐使用 W3C 标准的 e.stopPropagation() 方法;而对于旧版 IE 浏览器,则需通过设置 window.event.CancelBubble 为 true 来实现。代码示例展示了如何结合这两种方法编写兼容函数。
// 代码结束标记
JavaScript 中取消事件冒泡的方法
具体实现代码如下:
function stopBubble(e) {
// 若参数 e 存在且具备 stopPropagation 属性,表明当前环境为非 IE 浏览器,此时应遵循 W3C 标准
if (e && e.stopPropagation) {
e.stopPropagation();
}
} else {
// 否则采用 IE 浏览器特有的事件冒泡终止机制
window.event.CancelBubble = true;
}
} 作者最新文章
JS在setTimeout或Ajax回调中打开新标签页失败怎么处理
2026-11-05 15:50:12
JS直播协议选型:HLS、FLV与WebRTC的延迟与兼容性对比
2026-11-05 12:16:14
JS实现回到顶部:scrollTop赋值与浏览器兼容性处理
2026-11-04 23:43:35
JS使用classList动态添加、移除和切换CSS类名
2026-11-04 23:40:58
在 D3.js 中实现平滑过渡动画的技巧
2026-11-03 23:46:09
