javascript - 在 Javascript 中，如何在父事件处理程序中防止子元素出现默认值

Question

假设我有这样的 HTML:

<div>
    <a href="http://google.com">Google</a>
</div>

我有一个这样的事件处理程序(假设我有可用的 jQuery):

$('div').on('click', function(ev) {
    // ...
});

是否有可能从该事件处理程序中阻止 <a> 的默认操作关联？还是为时已晚？ (换句话说，我是否需要在 <a> 或更低级别附加事件以阻止默认链接操作，或者是否可以在上述处理程序中停止它)。

如上所述，如果解决方案需要，我可以使用 jQuery。

Answer 1

这绝对有效:

$('div').on('click', "a", function(e) {
    e.preventDefault();
});

这是一个 fiddle :http://jsfiddle.net/xvKNC/1/

等一下。这在 Chrome 中对我来说似乎工作正常

// prevent default on every click in the div
$('div').on('click', function(ev) {
    ev.preventDefault();
});

查看更新后的 fiddle : http://jsfiddle.net/xvKNC/2/