我可以控制javascript / jQuery事件触发的顺序吗?

阻止 ENTER 不应该给你带来这么多麻烦！确保你的代码上有这样的东西：

$(document).on('keydown', 'input', function(e) {
    if(e.keyCode == 13) {
       e.preventDefault();
    }
});

更新

看起来您确实想在 ENTER 上保存，但只有在 change 上更新 UI 之后。这是可能的。您可以使用上面建议的马修·布兰卡特（Matthew Blancarte）的标志，从change回调中触发保存，并摆脱setTimeout。

但我不建议这样做。您最好仅依靠保存按钮进行保存。如果不这样做，用户必须等待两个异步操作完成，然后才能完成保存。因此，您必须阻止 UI，或跟踪所有异步操作，并根据需要中止一些操作。我认为这是不值得的，如果保存时间过长，ENTER 对用户来说变得不那么直观。

大量变通方法，有效地花了我今天一整天和昨天的一半时间来写，似乎解决了每一个排列。

有趣的是，如果你调用 e.preventDefault（），输入本身不会触发 onchange。为什么会这样？在单击保存按钮的默认行为发生之前，更改实际上不会发生。

这一点，几乎没有什么有趣的。

//Used in handleEnter and GridOrderItems.js to handle a deferred an attempt to save by hitting enter (see handleEnter).
var isSaving = false; 
var saveOnID = '';
//When one of the fields that trigger WebMethods get focus, we put the value in here
//so we can determine whether the field is dirty in handleEnter.
var originalVal = 0;
//These fields trigger callbacks. On focus, we need to save their state so we can
//determine if they're dirty in handleEnter().
$('[id$=TextOrderItemDose], [id$=TextOrderItemUnits]').live("focus", function() {
    originalVal = this.value;
});
$(document).bind("keypress", function (e) {
    if (e.keyCode == 13) { //enter pressed.
        e.preventDefault();
        handleEnter();
    }
});
//Problem:
//In the products grid, TextOrderItemDose and TextOrderItemUnits both have js in their onchange events
//that trigger webmethod calls and use the results to update the row. Prsssing enter is supposed to 
//save the form, but if you do it right after changing one of those text fields, the row doesn't always
//get updated due to the async nature of js's events. That leads to stale data being saved.  
//Solution:
//First we capture Enter and prevent its default behaviors. From there, we check to see if one of our
//special boxes has focus. If so, we do some contortions to figure out if it's dirty, and use isSaving
//and saveOnID to defer the save operation until the callback returns. 
//Otherwise, we save as normal.
function handleEnter() {
    var focusedElement = $("[id$=TextOrderItemDose]:focus, [id$=TextOrderItemUnits]:focus")
    //did we press enter with a field that triggers a callback selected?
    if (isCallbackElement(focusedElement) && isElementDirty(focusedElement)) { 
        //Set details so that the callback can know that we're saving.
        isSaving = true;
        saveOnID = focusedElement.attr('id');
        //Trigger blur to cause the callback, if there was a change. Then bring the focus right back.
        focusedElement.trigger("change");
        focusedElement.focus();
    } else {
        forceSave();
    }
}
function isCallbackElement(element) {
    return (element.length == 1);
}
function isElementDirty(element) {
    if (element.length != 1) 
        return false;
    return (element.val() != originalVal);
}
function forceSave() {
    isSaving = false;
    saveOnID = '';
    $('input[id$="ButtonSave"]').click();
}

这在文本框的更改事件中调用：

function recalculateOrderItemRow(textbox) {
    //I'm hiding a lot of code that gathers and validates form data. There is a ton and it's not interesting.
    //Call the WebMethod on the server to calculate the row. This will trigger a callback when complete.
    PageMethods.RecalculateOrderItemRow($(textbox).attr('id'),
                                   orderItemDose,
                                   ProductItemSize,
                                   orderItemUnits,
                                   orderItemUnitPrice,
                                   onRecalculateOrderItemRowComplete);
}

然后，在 WebMethod 回调代码的末尾，我们提取更新的表单值，使用 jquery.caret 将插入符号放在需要的位置，并检查是否需要强制保存：

function onRecalculateOrderItemRowComplete(result) {
    var sender, row;
    sender = $('input[id="' + result.Sender + '"]');
    row = $(sender).closest('tr');
    row.find('input[id$="TextOrderItemDose"]').val(result.Dose);
    row.find('input[id$="TextOrderItemUnits"]').val(result.Units);
    row.find('span[id$="SpanTotalPrice"]').html(formatCurrency(result.TotalPrice));
    calculateGrandTotalPrice();
    $(document.activeElement).select();
    if (isSaving && saveOnID == result.Sender) {
        forceSave();
    }
}

结果。发送方是调用控件的 ID，我将其填充到 WebMethod 调用中，然后返回。saveOnID 可能并不完美，实际上最好维护一个活动/未回调的 WebMethod 调用计数器，以确保在保存之前一切都结束。呼。

你能发布你的javascript吗？ 听起来你走在正确的轨道上。 我会在进行 AJAX 调用之前更改我的 OnChange 事件以递增变量。 我将调用变量 inProcess 并将其初始化为零。 当 AJAX 调用返回时，我会将 inProcess 更新为当前值减一。 在 Enter 键事件上，我会检查 inProcess 等于零。 如果没有，您可以警告用户或设置超时以稍后重试。

您可以在 onChange 事件中取消绑定 Enter 键捕获，然后在回调函数结束时重新绑定它。如果你发布一些代码，我可以给出更具体的答案。

听起来你不应该异步调用 WebMethod。同步调用它，成功后保存数据。