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

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

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

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

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

（来自事件处理程序的return false也会执行此操作，但也会阻止任何默认操作。请注意，click上的img没有默认操作{1}}元素，所以在这种情况下会好的。）

Answer 3

试试这个：

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