smartzeng


完美起航

JavaScript阻止事件冒泡

  • 301 字

当一个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

本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可