jquery - 两个点击事件绑定到一个元素

Question

我有一个锚标签，里面有一个 img 标签。当我点击 img 时，会发生一个事件。但是，我也有另一个标记到锚标记的点击事件，那么如何防止在 img 点击上的锚点击事件？

<a class="rfi btn btn-inverse"><img class="delete"/></a>

我的点击事件是使用 jquery 完成的。

Answer 1

阻止对图像的单击冒泡并触发其父级的单击处理程序：

$("img").on("click", function (e) {
    e.stopPropagation();
});

Answer 2

尝试这个：

$("your img selector").click(function (event) {
    event.stopPropagation();
});

Answer 3

您可以通过停止从img到 、 的a“传播”（冒泡）来做到这一点Event#stopPropagation。所以：

$("selector for your img elements").click(function(e) {
    e.stopPropagation();

    // -- Your img click code here --
});

（return false事件处理程序也会这样做，但也会阻止click任何默认操作。请注意，元素上没有默认操作img，所以在这种情况下会很好。）