在其他回调完成之前阻止事件

Question

我有一个使用backbone的应用程序.js和jQuery for UI。我在页面上有一个表单，附加到表单的文本框模糊事件是一个函数，在某些情况下向用户显示弹出窗口并等待其输入 - 使用对 WCF 服务的 ajax 调用检查条件。

一切正常，直到我单击表单的提交按钮，同时将焦点设置在文本字段上 - 然后显示弹出窗口，但在它后面提交表单。

当然，正确的结果是取消第二个事件（如果显示弹出窗口，则绝对无法提交表单）

我怎样才能做到这一点？

Answer 1

我听不懂你的意思，但这可能是你需要的：event.stopPropagation（）;

http://api.jquery.com/event.stopPropagation/

或 .off（）

http://api.jquery.com/off/

Answer 2

您可以绑定到<form>的提交事件，并调用其 preventDefault（） 方法来禁止提交（如果弹出窗口可见）：

$("form").submit(function(e) {
    if ($("selector_matching_your_popup").is(":visible")) {
        e.preventDefault();  // Cancel submission.
    }
});

您也可以从处理程序返回false而不是调用 preventDefault() ，但这也会阻止 submit 事件传播到您可能不希望的祖先元素。

Answer 3

你是说单击"提交"导致弹出窗口显示 - 这不是应该显示它的"某些条件"之一？我会考虑向模糊处理程序添加一个条件，用于检查是否单击了提交按钮。在这种情况下，不显示弹出窗口。

取消 onSubmit 处理程序中的事件 -

form.addEventListener("submit", function(evt){
evt.cancel()
//dont want to catch it again
form.removeEventListener(this)   
popup.show()
//have the popup call submit when done, it wont be caught again
}