JavaScript停止冒泡和阻止浏览器默认行为

最新推荐文章于 2025-07-20 14:42:43 发布

转载最新推荐文章于 2025-07-20 14:42:43 发布 · 250 阅读

文章标签：

#js

js 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了JavaScript中如何使用stopPropagation()和preventDefault()方法来分别阻止事件冒泡和默认行为。通过两个函数的实现，展示了不同浏览器环境下（W3C标准与IE）的兼容性处理方式。

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

原文链接：http://caibaojian.com/javascript-stoppropagation-preventdefault.html

停止冒泡行为时

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

阻止默认行为时

//阻止浏览器的默认行为 
function stopDefault( e ) { 
    //阻止默认浏览器动作(W3C) 
    if ( e && e.preventDefault ) 
        e.preventDefault(); 
    //IE中阻止函数器默认动作的方式 
    else 
        window.event.returnValue = false; 
    return false; 
}