jquery - jEditable 在 TAB 和 ENTER 上提交

Question

只要用户按 ENTER 离开输入，我的 jEditables 就可以正常工作。但是，如果用户点击 TAB，则不会发布更改。这是正确且有记录的行为。

我希望 TAB 能够像 ENTER 一样工作。我不需要影响任何其他 jEditable，只需将当前事件的 jEditable 发回，就好像已按下 ENTER 键一样。

除了将 keydown 处理程序绑定(bind)到 jEditable 控件之外，有什么方法可以做到这一点吗？

如果我确实必须提供 keydown 处理程序，是否有任何方法可以以编程方式告诉 jEditable 控件发布自身，而不从控件中提取 id 和值？

Answer 1

您可以在 .editable() 之后绑定(bind)一个 click 事件，以便在设置表单的 jEditable 事件之后触发该事件。然后将keydown事件绑定(bind)到监听TAB键的文本框。因此，假设您正在处理一个文本框，您可以执行如下操作:

$('.editable').editable('url', {
    ...
}).click(function(evt) {
    $(this).find('input').keydown(function(event) {
        if (event.which == 9) //'TAB'
            $(this).closest('form').submit();
    });
});

查看实际操作:http://jsfiddle.net/william/6VUHh/5/ .