javascript - 当在特定位置按下 'enter' 时阻止按钮提交表单

Question

我有一个具有快速编辑功能的表格(使用 AJAX 仅更新一个字段)，我希望“输入”以提交更改。问题是，我在同一页面的表单上有一个按钮，每次我按下“输入”按钮时，都会触发附加到该按钮的操作(即提交表单，我不想这样做)，我想不通为我的生命如何防止这种情况。

我已经尝试了以下代码，以防止 keyup 事件(这可能是错误的)和按钮上的默认设置。不过我的理解是你阻止了事件的默认值，而不是对象的默认值，所以我真的不确定该怎么做 -

/** Capture a key press (while a field within the quick edit row is selected) */
qeRow.keyup(function(e){
    e.preventDefault(); // Also tried '$('#change-permissions-button').preventDefault'
    if(e.keyCode === 27) { // Cancel on 'escape' (This is working fine)
        return inlineEditUserGroup.revert();
    } else if(e.keyCode === 13) { // Save the data on 'enter'
        return inlineEditUserGroup.save();
    }
});

谢谢。

Answer 1

尝试监听 keydown 或 keypress 事件。

qeRow.keypress(function(e){
    e.preventDefault(); // Also tried '$('#change-permissions-button').preventDefault'
    if(e.keyCode === 27) { // Cancel on 'escape' (This is working fine)
        return inlineEditUserGroup.revert();
    } else if(e.keyCode === 13) { // Save the data on 'enter'
        return inlineEditUserGroup.save();
    }
});

我猜 keyup-event 被触发得“很晚”，因为它只在你按下后才监听一个键，然后表单已经提交。