Javascript 焦点通知回调函数上的JQuery表插件

Javascript 焦点通知回调函数上的JQuery表插件,javascript,jquery,jeditable,Javascript,Jquery,Jeditable,我想在创建表格输入框后立即将其附加到和事件。据我所知,有一个“onblur”,但没有onfocus。有人知道一种快速的方法吗?默认情况下,该插件在单击事件上工作,因此请尝试 $(选择器)。可编辑(选项)。单击(函数(){foo();}) 根据需要,您可以将单击事件绑定到可编辑元素,而不是onfocus: $(document).ready(function() { $('.edit').editable('http://www.example.com/save.php'); $('.ed

我想在创建表格输入框后立即将其附加到和事件。据我所知,有一个“onblur”,但没有onfocus。有人知道一种快速的方法吗?

默认情况下,该插件在单击事件上工作,因此请尝试
$(选择器)。可编辑(选项)。单击(函数(){foo();})

根据需要,您可以将单击事件绑定到可编辑元素,而不是onfocus:

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

实现这一点的方法不止一种,但自定义输入是其中之一。你可以这样做:

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

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

这很好,但单击的问题是,我将插件“计数器”附加到这个输入元素,并且每次单击都会复制它。(这不会发生在Focus上)插件的调用类似于$(element.counter();嗯。你能给我一个指向计数器插件页面的链接吗?你能不能不做$(选择器)。可编辑(选项)。计数器()。点击(函数(){foo();})?@Shawn,不,我测试了你的脚本,但问题是,每次用户点击框内,它都会再次调用插件,在屏幕上多次复制插件。这里是插件:@Shawn,我应该补充一点,我有一个快速的恶意攻击,就是删除插件创建的当前元素,然后在你发布的点击脚本上再次调用它$(选择器)。可编辑(选项)。计数器()。单击(函数(){$(此)。子项(':n子项(1)'))。子项('.counter_container')。移除();$('.input_container')。计数器();});你当然应该在你的插件的网站上添加一个插件部分!