jEditable 在 TAB 和 ENTER 上提交答案

【问题标题】：jEditable submit on TAB as well as ENTERjEditable 在 TAB 和 ENTER 上提交
【发布时间】：2011-10-21 15:53:26
【问题描述】：

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

我希望 TAB 像 ENTER 一样工作。我不需要影响任何其他 jEditables，只需让当前活动的 jEditables 像 ENTER 被击中一样回发。

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

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

【问题讨论】：

标签： jquery jeditable

【解决方案1】：

您可以在.editable() 之后绑定click 事件，因此它会在设置表单的jEditable 事件之后触发。然后将keydown 事件绑定到监听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/。

【讨论】：

谢谢。如果客户在使用仅限 ENTER 的功能时遇到问题，我将执行此操作。