阻止点击事件与另一个点击事件

Question

我有以下代码：

$(function() {
    $(li).click(doThis);

    $(a.clickMe).live('click', doThat);
});

我想在单击a.clickMe时阻止doThis。 a.clickMe位于li的内部...我想检查一下，单击的来源是从哪里来的，所以我可以查看是否单击了a.clickMe。

谢谢！

Answer 1

“我想检查一下点击的来源”

好的，也许是这样的：

$(function() {
    $("li").click(function(e) {
       if ($(e.target).is("a.clickMe"))
          return doThat.call(this, e);
       else
          return doThis.call(this, e);
    });
});

也就是说，在li元素的点击处理程序中，测试event.target元素是否为"a.clickMe"元素之一，如果是，则调用doThat() （设置this并传递event对象）。 否则，请调用doThis() 。

Answer 2

您可以防止click事件传播到li ：

$(a.clickMe).live('click', function(e) {
    e.stopPropagation();

    // Now, the event won't bubble up to the `li` and won't trigger its event handler.
});