event.cancelBubble与event.stopPropagation()

最新推荐文章于 2018-10-18 14:35:27 发布

原创最新推荐文章于 2018-10-18 14:35:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #事件冒泡

javascript 同时被 2 个专栏收录

74 篇文章

订阅专栏

jquery

35 篇文章

订阅专栏

本文介绍了如何在不同浏览器中实现事件阻止的冒泡行为。通过使用原生JavaScript或jQuery的方法，可以确保代码在Firefox、Opera、IE等浏览器中的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一：

if (event.stopPropagation) { 

// Mozilla and Opera
event.stopPropagation(); 
} 
else if (window.event) { 
// IE 
window.event.cancelBubble = true; 
}