javascript - JQuery JEditable プラグイン On Focus Notify コールバック関数

Question

Jeditable Input ボックスが作成されたらすぐにイベントをアタッチしたいと考えています。「onblur」はありますが、私が知る限り、onfocus はありません。これを行うための迅速なアプローチを知っている人はいますか?

Answer 1

それを行う方法は複数ありますが、カスタム入力はその 1 つです。次のようなことができます：

$.editable.addInputType('textarea_hover', {
    element : $.editable.types.textarea.element,
    plugin  : function(settings, original) {
        $('textarea', this).bind('focus', function() {
            /* Do something on focus. */
        });
    }
});

そして、次のように Jeditable を呼び出します。

$('.edit_area').editable('http://www.example.com/save.php', { 
    type      : 'textarea_hover',
    cancel    : 'Cancel',
    submit    : 'OK'
});

Answer 2

目的に応じて、クリック イベントを onfocus ではなく編集可能な要素にバインドできます。

$(document).ready(function() {
  $('.edit').editable('http://www.example.com/save.php');
  $('.edit').click(function () { ... }
});

Answer 3

デフォルトでは、プラグインはクリック イベントで動作するため、 $(selector).editable(options).click(function () {foo();}); を試してください。