Javascript stopPropagation不使用嵌套的href标记

我列出了多个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>

知道我遗漏了什么吗？

试试：

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

这是你想要的吗

试试看：

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

---

这是你想要的吗

与任何其他事件一样，click事件使用冒泡（）分派给元素，因此任何单击的内部元素都将触发所有父元素（另一种方式称为隧道）

您必须在anchor元素onclick事件上放置StopRopagation，或将其放置在元素中：

onclick="return false;"

---

与任何其他事件一样，click事件使用冒泡（）分派给元素，因此任何单击的内部元素都将触发所有父元素（另一种方式称为隧道）

您必须在anchor元素onclick事件上放置StopRopagation，或将其放置在元素中：

onclick="return false;"

---

要启用div内的链接，请使用以下JavaScript。您必须禁用包含元素（链接）上的传播

$(".msg-list a").click(function(e) {
    e.stopPropagation();
});
$(".msg-list").on('click', function(e) {
    alert("Handler for .click() called.");
});

---

要启用div内的链接，请使用以下JavaScript。您必须禁用包含元素（链接）上的传播

$(".msg-list a").click(function(e) {
    e.stopPropagation();
});
$(".msg-list").on('click', function(e) {
    alert("Handler for .click() called.");
});

---

老问题。但是，我也有同样的问题

添加

e.preventDefault（）

修复了该问题。默认设置是跟随链接。所以，防止它跟随

---

此外，将其添加到孩子的

中也没有问题。

老问题。但是，我也有同样的问题

添加

e.preventDefault（）

修复了该问题。默认设置是跟随链接。所以，防止它跟随

---

此外，将其添加到其子项的

中也没有问题。

这就是当前正在发生的情况。我试图在单击锚文本时忽略click事件，只需跟随链接而不是标题。在这种情况下，为每个元素添加一个处理程序。在

a

处理程序中，如果您不返回false，您将被重定向到href。这就成功了…我不得不在（.msg list.thumbnail\u image a）上调用stopPropagation，谢谢！这就是目前正在发生的事情。我试图在单击锚文本时忽略click事件，只需跟随链接而不是标题。在这种情况下，为每个元素添加一个处理程序。在

a

处理程序中，如果您不返回false，您将被重定向到href。这就成功了…我不得不在（.msg list.thumbnail\u image a）上调用stopPropagation，谢谢！我以为这是你的意图？难道你不想调用div上的click事件，除非点击了链接，在这种情况下，应该遵循目标链接吗？此外，我的JS中有一个小bug。在第三行中；不见了，我以为这是你的意图？难道你不想调用div上的click事件，除非点击了链接，在这种情况下，应该遵循目标链接吗？此外，我的JS中有一个小bug。在第三行中；他失踪了。