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

Question

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

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

Answer 1

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

有关捕获浏览器将让您捕获的每个可能的更改事件（*）的方法，请参阅此答案，而每次更改不会触发多次。

_{(*) 看起来他们忘记了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 和 input，事件立即发生，而不是等待用户释放按钮或模糊输入。

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

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

Answer 5

使用更改事件。

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