相关疑难解决方法(0)

如何在单击子锚点时阻止父级的onclick事件触发?

我目前正在使用jQuery使div可点击,在这个div中我也有锚点.我遇到的问题是,当我点击一个锚点时,两个点击事件都会被触发(对于div和锚点).如何在单击锚点时阻止div的onclick事件触发?

这是破碎的代码:

JavaScript的

var url = $("#clickable a").attr("href");

$("#clickable").click(function() {
    window.location = url;
    return true;
})
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="clickable">
    <!-- Other content. -->
    <a href="http://foo.com">I don't want #clickable to handle this click event.</a>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery event-propagation

315
推荐指数
10
解决办法
29万
查看次数

标签 统计

event-propagation ×1

javascript ×1

jquery ×1