javascript - stopPropagation 不适用于嵌套 href 标记

Question

我列出了多个 div，如下所示:

<div class="msg-list clearfix" id="27705">
  <div class="thumbnail_image">
    <a href="some_path">AnchorText</a>
  </div>
  <div class="msg-date">DATA</div>
</div>

我试图捕获父 div 的点击事件，但是当点击 href 元素时，我的点击事件也会被触发，而不是仅仅跟随点击的链接。

这是我的 jquery 调用:

//$(".msg-list a").click(function(e) {
$(".msg-list").click(function(e) {

    e.stopPropagation(); 
    alert("Handler for .click() called.");
});

知道我错过了什么吗？

Answer 1

尝试:

$(".msg-list").on('click', function(e) {
    alert("div handler");
    return false;
});
$(".msg-list a").on('click', function(e) {
    alert("a handler");
    e.stopPropagation();
});

这是你想要的吗？ http://jsfiddle.net/L5kC4/2