3

jEditable入力にイベントリスナーを追加するにはどうすればよいですか？

デフォルトでは、ENTERキーは送信に使用されますが、値を送信するには他のキーも必要ですか？

 $('.editable').editable(function(value, settings) { 
     console.log(this);
     console.log(value);
     console.log(settings);
     return(value);
  }, { 
     width: "100%"
     onblur: 'submit'
 });
4

2 に答える 2

2

keypressドキュメントにイベントリスナーを追加して、押された追加のキーをリッスンすることができます。

jEditable は、何かの編集を開始するたびにform、 のクラスを持つ をページに追加します。editableを使用してイベント リスナーを登録すると、ブロックがページに動的に追加された.on()場合でも、ハンドラーが確実に起動されます。form

これが実際の例です。

これは、「スペース」または「#」が押されたときを判断する方法を示しています。動作するようにコードを変更する必要があります。

<form class="editable">
  <input type="text" class="editable" />
</form>​

$(document).ready(function() {
    $('form.editable').on('keypress', function(e) {
        if (e.keyCode === 32 || e.keyCode === 35) alert('Time to submit!');
    });
});​
于 2012-07-24T16:37:16.780 に答える