挖空 JS 可防止在特定子项上触发点击事件

Question

我见过类似的问题，但我无法使用 Knockout '数据绑定'来让它为我工作

我有一个父div，里面有一些多个div。在父div 上，我有一个单击事件，我不想在具有其他事件处理的特定子div 上触发该事件。

我有这样的东西：

<div class='parent' dataBind='click: parentClicked'>
  <div class='child' dataBind='click: childClicked'></div>
  ....some other stuff...
</div>

在我的视图中，我尝试了：

function parentClicked() {
  alert('parent clicked');
}
function childClicked(event) {
  alert('child clicked');
  event.stopPropagation();
}

我知道'event.stopPropagation（）'不是一个函数。
我做错了什么？

Answer 1

你必须

使用clickBubble: false .供参考：防止事件冒泡

<div class='parent' dataBind='click: parentClicked'>
  <div class='child' dataBind='click: childClicked, clickBubble: false'></div>
  ....some other stuff...
</div>