javascript - 如何在 JavaScript 中停止事件冒泡？

Question

下面有这段代码，我想在单击子 div 时停止单击功能，但我无法让它工作。我缺少什么？

child.addEventListener("click", function(e) {
e.stopPropagation();
});

这是CODEPEN应该在哪里使用它。

Answer 1

child 是一个元素集合(数组)...你必须循环遍历它:

for(var i=0; i<child.length; i++){
  child[i].addEventListener("click", function(e) {
    if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble=true;}
  }, false);
}