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 回答
0

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

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

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

于 2015-04-02T13:30:43.493 回答