JavaScript阻止事件冒泡

okgoes 2023-05-09 13:07:14
Categories: Tags:

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

1
2
3
4
5
6
7
8
div2.onclick = function (e) {
    e = e || window.event;  
    if(e.stopPropagation) { //W3C阻止冒泡方法  
        e.stopPropagation();  
    } else {  
        e.cancelBubble = true//IE阻止冒泡方法  
    }
}

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

image.png