javascript - 如何防止在 JQuery 中触发子事件

Question

所以我有一个按钮

<input id="expandButton" type="submit" value="Expand" class="loadWindow"/>

我附加了两个事件处理程序。

function confirmContinue() {
     return confirm("Do you want to expand window, might reload some information?");
}

$("input.loadWindow").click(function(event) {
      showProcessingWindow(event);
}

$("#expandButton").click(function(event) {
     var result = confirmContinue();
     if (!result) {
          event.preventDefault();
          event.stopPropagaton();
     }
}

如果他们说取消，我想阻止“input.loadWindow”点击事件触发。

这就是现在正在发生的事情。单击按钮 --> 确认触发 --> 我单击取消 --> 显示处理窗口仍然触发。

我想要这样单击按钮 --> 确认触发 --> 我单击取消 --> 什么都不做。

Answer 1

看起来像 event.stopImmediatePropagation() 在这种情况下会起作用。

$("#expandButton").click(function(event) {
     var result = confirmContinue();
     if (!result) {
          event.preventDefault();
          event.stopImmediatePropagation(); 
     }
}

fiddle 演示- http://jsfiddle.net/w2vwn35x/1/