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

最新推荐文章于 2022-11-08 10:49:25 发布

原创最新推荐文章于 2022-11-08 10:49:25 发布 · 264 阅读

0 ·

CC 4.0 BY-SA版权

兼容专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在Web开发中使用JavaScript阻止事件冒泡及默认行为，并提供了跨浏览器兼容性的解决方案。

阻止冒泡的方法

function stopBubble(e){
    if(e && e.stopPropagation ){
        e.stopPropagation();//w3c
    }else{
        window.event.cancelBubble = true;//ie
    }
}

阻止浏览器的默认行为

function stopDefault(e){
    if(e && e.preventDefault){
        e.preventDefault();//w3c
    }else{
        window.event.returnValue = false;//ie
    }
}

事件兼容

function fn(e){
    var evt = e ? e:window.event;
}
停止冒泡兼容

window.event?window.event.cancelBubble = true:evt.stopPropagation();
停止默认行为兼容

window.event?window.event.returnValue = false:evt.preventDefault();