这段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代码使用.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()。

jQuery >= 1.7的实时解决方案已经启动

$("#input-id").on("change keyup paste", function(){
    dosomething();
})

如果你还想检测“点击”事件，只需:

$("#input-id").on("change keyup paste click", function(){
    dosomething();
})

如果你使用jQuery <= 1.6，使用bind或live代替on。

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

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

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

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

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