javascript - div 上的点击事件不应由其子项触发

Question

假设我有以下代码:

<div id="parent">
    <div id="child"></div>
</div>

现在我将一个 onClick 事件附加到父 div:

$('#parent').click(function() { ... });

当我点击子 div 时，有没有一种简单的方法可以阻止事件触发？我不想做类似的事情

$('#child').click(function() { return false; });

因为子 div 可以包含链接...

谢谢!

Answer 1

检查 event target .

以下代码未经测试。

var div = document.getElementById('parent');
jQuery(div).click(function(event) {
  if (event.target !== div) {
    return false;
  }
});