绑定到输入事件似乎在大多数正常的浏览器中都能正常工作。IE9也支持它，但是实现有bug(删除字符时不会触发事件)。

在jQuery 1.7+版本中，on方法可以像这样绑定到事件:

$(".inputElement").on("input", null, null, callbackFunction);

把这段代码添加到某个地方，就可以了。

var originalVal = $.fn.val;
$.fn.val = function(){
    var result =originalVal.apply(this,arguments);
    if(arguments.length>0)
        $(this).change(); // OR with custom event $(this).trigger('value-changed');
    return result;
};

发现这个解决方案在val()不触发change()在jQuery

不幸的是，没有事件或事件集符合您的标准。按键和复制/粘贴都可以用keyup事件处理。通过JS进行更改比较棘手。如果你可以控制设置文本框的代码，你最好的选择是修改它，直接调用你的函数，或者在文本框上触发一个用户事件:

// Compare the textbox's current and last value.  Report a change to the console.
function watchTextbox() {
  var txtInput = $('#txtInput');
  var lastValue = txtInput.data('lastValue');
  var currentValue = txtInput.val();
  if (lastValue != currentValue) {
    console.log('Value changed from ' + lastValue + ' to ' + currentValue);
    txtInput.data('lastValue', currentValue);
  }
}

// Record the initial value of the textbox.
$('#txtInput').data('lastValue', $('#txtInput').val());

// Bind to the keypress and user-defined set event.
$('#txtInput').bind('keypress set', null, watchTextbox);

// Example of JS code triggering the user event
$('#btnSetText').click(function (ev) {
  $('#txtInput').val('abc def').trigger('set');
});

如果你不能控制这段代码，你可以使用setInterval()来“监视”文本框的变化:

// Check the textbox every 100 milliseconds.  This seems to be pretty responsive.
setInterval(watchTextbox, 100);

这种主动监控不会“立即”捕捉到更新，但它似乎足够快，没有可察觉的滞后。正如DrLouie在评论中指出的，如果你需要观察大量的输入，这个解决方案可能无法很好地扩展。您总是可以将第二个参数调整为setInterval()以更频繁或更少地检查。

好吧，最好的办法就是把你自己列出的三个基础都做一遍。一个简单的:onblur，:onkeyup等不会为你想要的工作，所以只是把它们结合起来。

KeyUp应该涵盖前两个，如果Javascript正在修改输入框，我当然希望它是你自己的Javascript，所以只需在修改它的函数中添加一个回调。

你就不能用<span contenteditable="true" spellcheck="false">元素来代替<input type="text">吗?

<span>(以contenteditable="true" spellcheck="false"作为属性)与<input>区别很大，主要是因为:

它的样式不是<input>。 它没有value属性，但文本被呈现为innerText，并成为其内部主体的一部分。 它是multiline，而<input>不是，尽管你设置了属性multiline="true"。

要完成外观，当然，你可以用CSS样式，而将值写成innerText，你可以为它获得一个事件:

这是小提琴。

不幸的是，有一些东西在IE和Edge中实际上不起作用，我无法找到。

不幸的是，我认为setInterval胜出了:

<input type=text id=input_id />
<script>
setInterval(function() { ObserveInputValue($('#input_id').val()); }, 100);
</script>

这是最简洁的解决方案，只有一行代码。它也是最健壮的，因为您不必担心输入可以获得值的所有不同事件/方式。

在这种情况下，使用'setInterval'的缺点似乎并不适用:

100ms的延迟?对于许多应用程序来说，100ms已经足够快了。 增加了浏览器的负载?一般来说，在页面上添加大量的重量级setinterval是不好的。但在这种特殊情况下，无法检测到添加的页面负载。 它不能扩展到很多输入?大多数页面的输入不超过几个，您可以在同一个setInterval中嗅探所有输入。