javascript - 防止复选框更改时触发事件

Question

对于一个复选框，我有两个事件处理程序。我想要第一个处理程序来防止第二个处理程序被触发。这是一个例子:

$("#address_cb").change(function(event) {
    alert('foo');
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$("#address_cb").change(function(event) {
    alert('should never display');
});

$("#address_cb").trigger("change");


https://jsfiddle.net/zxzzLkky/5/

我怎样才能实现它？

Answer 1

您需要使用 Even.stopImmediatePropagation()

$("#address_cb").change(function(event) {
   alert('foo');
   event.preventDefault();
   event.stopImmediatePropagation(); //Works
   return false; //would call event.preventDefault() and event.stopPropagation() but not stopImmediatePropagation()
});

因为您的两个事件都在同一事件级别触发。 作为替代方案，您可能只为回调返回 false，因为 jQuery 会关心其余部分。

参见 event.preventDefault() vs. return false对于 return false 方法的差异