单击子div时需要帮助以防止父onclick事件

Question

我想在点击这样的子div时阻止父onclick事件：

<div onclick='parentClick()'>
  <div onclick='childClick()'>
    <div onlick='subchildClick()'>
    </div>
  </div>
</div>

我希望 childClick（）函数执行 subchildClick（）功能，但阻止 parentClick（）。怎么做？ 非常感谢你！

Answer 1

在childClick函数中使用event.stopPropagation()。像这样：

function childClick(event) {
    event.stopPropagation();
    // Other stuff
}

event.stopPropagation()可防止事件继续冒泡DOM。 因为您只是在childClick处理程序中调用它，所以subChild中的事件仍会传播到childClick处理程序。

Answer 2

您应该使用事件的stopPropagation方法。

function example(event) {
    event.stopPropagation();
}