javascript - JQuery JEditable Plugin On Focus Notify 回调函数

Question

我想在 Jeditable 输入框创建后立即附加和事件。据我所知，有一个“onblur”，但没有 onfocus。有谁知道这样做的快速方法？

Answer 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();});