这段jQuery代码使用.bind()来捕获对任何元素的即时更改，并且应该在所有浏览器上工作:

 $('.myElements').each(function() {
   var elem = $(this);

   // Save current value of element
   elem.data('oldVal', elem.val());

   // Look for changes in the value
   elem.bind("propertychange change click keyup input paste", function(event){
      // If value has changed...
      if (elem.data('oldVal') != elem.val()) {
       // Updated stored value
       elem.data('oldVal', elem.val());
    
       // Do action
       ....
     }
   });
 });

但是，请注意.bind()在jQuery 3.0版本中已弃用。任何使用jQuery 1.7或更新版本的人都应该使用.on()。

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

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

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

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

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

这段jQuery代码使用.bind()来捕获对任何元素的即时更改，并且应该在所有浏览器上工作:

 $('.myElements').each(function() {
   var elem = $(this);

   // Save current value of element
   elem.data('oldVal', elem.val());

   // Look for changes in the value
   elem.bind("propertychange change click keyup input paste", function(event){
      // If value has changed...
      if (elem.data('oldVal') != elem.val()) {
       // Updated stored value
       elem.data('oldVal', elem.val());
    
       // Do action
       ....
     }
   });
 });

但是，请注意.bind()在jQuery 3.0版本中已弃用。任何使用jQuery 1.7或更新版本的人都应该使用.on()。

您可以简单地识别表单中的所有更改者，如下所示

           //when form change, show aleart
            $("#FormId").change(function () {
                aleart('Done some change on form');
            }); 

下面是一个不使用jQuery的解决方案(它真的很过时，现在没有必要了)

使用事件“input”，你可以查找任何类型的变化:

删除，后退，粘贴，输入，任何会改变输入值的东西。

输入事件与文本输入直接相关。当文本以任何方式被更改时，输入就会被分派。

document.querySelector(“# testInput”)。addEventListener(“输入”,测试); 功能测试(e) { var a = document.getElementById('output'); a.innerText += "检测到更新!\n"; ｝ <输入id = " testInput " > < br > <一个id = "输出" > < / >

如果你不喜欢其他答案，这里有一个稍微不同的解决方案:

var field_selectors = ["#a", "#b"];
setInterval(function() { 
  $.each(field_selectors, function() { 
    var input = $(this);
    var old = input.attr("data-old-value");
    var current = input.val();
    if (old !== current) { 
      if (typeof old != 'undefined') { 
        ... your code ...
      }
      input.attr("data-old-value", current);
    }   
  }   
}, 500);

考虑到您不能依赖于单击和键up来捕获上下文菜单粘贴。