JavaScript阻止事件冒泡

person smartzeng    watch_later 2017-11-15 21:19:24
visibility 4076    class javascript,事件冒泡,冒泡,vue    bookmark 分享

当一个div1包含另一个div2时,为了阻止点击div2而触发div1的点击事件,可以使用如下方法:

div2.onclick = function (e) {
    e = e || window.event;  
    if(e.stopPropagation) { //W3C阻止冒泡方法  
        e.stopPropagation();  
    } else {  
        e.cancelBubble = true; //IE阻止冒泡方法  
    }
}

vue与js阻止事件冒泡行为的方式

image.png

评论区
评论列表
menu