Question

我需要检查所有会改变文本输入内容的事件。到目前为止，我有键盘，剪切和粘贴的处理程序。但也可以通过突出显示文本并单击删除或撤消来更改内容。有没有办法听这些事件？

$('#input').on('paste cut  keyup ',function() {
    //add delete and undo to listner
});

Answer 1

您遇到的问题多于此，您还必须担心具有自动填充功能的浏览器等。因此，HTML5包含了input事件，该事件包含在现代浏览器中。

请参阅this answer了解捕获每个可能的更改事件（*）的方法，浏览器将让捕获，而不会在每次更改时多次触发。

_{（*）看起来他们忘了cut，所以也加上它。}

Answer 2

我建议使用keydown和input：http://jsfiddle.net/vKRDR/

var timer;
$("#input").on("keydown input", function(){
    var self = this;
    clearTimeout(timer)
    // prevent event from happening twice
    timer = setTimeout(function(){
        console.log(self.value);
    },0);
});

keyup不会捕获ctrl之类的特殊键，输入会捕获粘贴删除等内容，甚至可以从上下文菜单中找到。

通过使用keydown和输入，事件立即发生，而不是等待用户释放按钮或模糊输入。

keydown完成大部分工作，输入选择keydown无法处理的地方，例如上下文菜单删除/粘贴/剪切

Answer 3

使用这些，他们将得到所有的变化：

$(container).bind('keyup input propertychange paste change'), function (e){});

另外，你可以做一件事来检查这个onchange事件中的值：

$(function(){
  $('input').on('keyup input propertychange paste change', function(){
      if ($(this).data('val')!=this.value) {
          alert('Something has been changed in the input.');
      }
      $(this).data('val', this.value);
  });
});

希望，这将适用于您的情况。：）

Answer 4

使用更改事件。

$('#input').on('change', function(){});

Answer 5

你至少缺少按键和更改。我不知道“更改”是否适用于这些操作，我知道当输入元素失去焦点时，通常只会调用更改。

输入删除/撤消的事件处理程序

5 个答案: