Question

可能重复：
How can I stop an onclick event from firing for parent element when child is clicked?

我有一个带有onClick事件的div，但是当我点击div中的链接时我不希望它运行。如何停止元素内的onClick效果链接？

<div onclick="dosomething();">
  <a href="mylink.com">go somewhere but don't dosomething();</a>
</div>

Answer 1

如果你可以使用jQuery，

$(document).ready(function() {
  $("#yourDivId a").click(function(e) {
    e.preventDefault();
  });
});

//OR without jQuery
document.getElementById("yourAnchorId").onclick = function(evt) {
  evt.stopPropagation();
  //for IE window.event.cancelBubble = true
}

希望有所帮助

Answer 2

$("div#some_id_or_class a").click(function(e) { e.stopPropagation(); })

不知道如何没有jQuery。你必须寻找如何在javascript中停止传播事件。

停止影响div内链接的divs onclick事件

2 个答案: