阻止事件冒泡和浏览器默认行为，考虑兼容性

Tempta36

于 2017-08-16 17:57:25 发布

阅读量687

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js 事件冒泡阻止默认行为

本文链接：https://blog.youkuaiyun.com/Tempta36/article/details/77260418

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种阻止事件冒泡的方法，并演示了如何在不同浏览器环境下取消默认行为。适用于Web开发人员学习如何更好地控制DOM事件。

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

//事件冒泡

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;
}