JS停止事件冒泡、阻止浏览器默认行为

最新推荐文章于 2025-12-25 19:57:01 发布

原创最新推荐文章于 2025-12-25 19:57:01 发布 · 136 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #IE

本文介绍了JavaScript中两种重要的事件处理技巧：一是如何停止事件冒泡，防止事件触发父级元素；二是如何阻止浏览器的默认行为，实现自定义交互逻辑。这些技巧对于前端开发者来说至关重要。

一、停止事件冒泡

//如果提供了事件对象，则这是一个非IE浏览器
if ( e && e.stopPropagation )
　　//因此它支持W3C的stopPropagation()方法
　　e.stopPropagation(); 
else
　　//否则，我们需要使用IE的方式来取消事件冒泡 
　　window.event.cancelBubble = true;

二、阻止浏览器的默认行为

//如果提供了事件对象，则这是一个非IE浏览器 
if ( e && e.preventDefault ) 
　　//阻止默认浏览器动作(W3C) 
　　e.preventDefault(); 
else
　　//IE中阻止函数器默认动作的方式 
　　window.event.returnValue = false;