我目前正在使用jQuery使div成为可点击的，并且在这个div中我也有锚点.我遇到的问题是，当我单击锚点时，两个单击事件都会触发(针对div和锚点).如何防止在单击锚点时触发div的onClick事件？
以下是破解的代码:
JavaScript
var url = $("#clickable a").attr("href");
$("#clickable").click(function() {
window.location = url;
return true;
})
HTML
<div id="clickable">
<!-- Other content. -->
<a href="http://foo.com">I don't want #clickable to handle this click event.</a>
</div>
事件冒泡到DOM中已附加单击事件的最高点.因此，在您的示例中，即使div中没有任何其他可显式单击的元素，div的每个子元素都会将其单击事件冒泡到DOM中，直到div的单击事件处理程序捕捉到它.
有两种解决方案可以解决这一问题，即判断事件的实际发起人.jQuery将一个eventargs对象与事件一起传递:
$("#clickable").click(function(e) {
var senderElement = e.target;
// Check if sender is the <div> element e.g.
// if($(e.target).is("div")) {
window.location = url;
return true;
});
您还可以将单击事件处理程序附加到您的链接，这些链接会在它们自己的处理程序执行后告诉它们stop event bubbling:
$("#clickable a").click(function(e) {
// Do something
e.stopPropagation();
});