jEditable TABとENTERで送信

Question

私のjEditablesは、ユーザーが入力を離れるためにENTERを押す限り、正常に動作します。ただし、ユーザーがTABを押すと、変更はポストされません。これは、正しく文書化された動作です。

私はTABをENTERと同じように動作させたいと思います。私は他のjEditablesに影響を与える必要はありません。ちょうどENTERがヒットしたかのようにポストバックするために現在アクティブなものを取得してください。

​​ハンドラをjEditableコントロールにバインドする方法がありますか？

​​ハンドラを提供する必要がある場合、コントロールからIDと値を抽出せずにjEditableコントロールにプログラムでjiedableコントロールを通知する方法はありますか？

Answer 1

.editable()の後にclickイベントをバインドすることができるので、フォームを設定するjEditableのイベントの後にトリガーされます。次に、​​イベントを、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/を。