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

How to add event listeners to jEditable input?

本文关键字：jEditable 输入 添加 侦听器 事件      更新时间：2024-01-20

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

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

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

您可以在文档中添加一个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!');
    });
});​

Jason的解决方案无法工作：jEditable在事件上添加表单和输入（点击，dbleclick…），所以当您在文档就绪上执行函数时，它们就不存在了！

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

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

相关文章：