Question

如何将事件侦听器添加到jEditable输入？

默认情况下，ENTER键用于提交，但我还需要其他键才能提交值？

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

Answer 1

您可以向文档添加keypress事件侦听器，以侦听正在按下的其他键。

每当您开始编辑内容时，jEditable会向页面添加form类editable。使用.on()注册事件监听器将确保即使将form块动态添加到页面中，也会触发处理程序。

这是a working example。

这只是说明了如何确定何时按下“空格”或“＃”。您必须修改代码才能适合您。

<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!');
    });
});

Answer 2

Jason的解决方案不起作用：jEditable在事件上添加表单和输入（单击，dbleclick ...）所以当您在文档就绪时执行该功能时，它们不存在！

您可以在input.keydown之前修改jEditable添加此代码：

input.keyup(function(e){if (e.keyCode === 32 || e.keyCode === 35) alert('Time to submit!');});

如何将事件侦听器添加到x Editable输入？

2 个答案: