检查已更改的文本

Question

如何检查所有文本框，下拉菜单或其他元素中的数据是否在打开页面后发生更改（想要使用javascript或jquery进行检查）？ 谢谢！

Answer 1

$("input,textarea,select").on("change",function(){ 
    //do things 
}); 

Answer 2

<%: Html.TextBoxFor(model => model.TripNumber, new { @tabindex = "1", maxlength = "20", onchange ="CheckDirty();" })%> 

    var isDirty = false; 

function CheckDirty() { 
     $('input[type=text],textarea,select,input[type=checkbox],input[type=radio]').change(function() { 
      if (!isDirty) { 
       isDirty = true; 
      } 
     }); 
    } 

Answer 3

检查突变事件
http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents

定义IsDirty()功能，
附上change事件处理的首选元素在页面

(function($){ 
    $.fn.OldHtml = ""; 
    $.fn.Attach= function() { 
    $.fn.OldHtml = this.html(); 
    }; 

    $.fn.IsDirty = function() { 
    return !($.fn.OldHtml == this.html()) 
    }; 
})(jQuery); 

$(document).ready(function(){ 
    $("#Div1").Attach();//init tracking 
    $("#Div2").Attach();//init tracking 

    $("#change").click(function(){ 
     $("#Div1").html("test");//make a change 
    }); 

    $("#check").click(function(){ 
     alert("Div1 Is Changed:"+$("#Div1").IsDirty()+"\nDiv2 Is Changed:"+$("#Div2").IsDirty()); 
    }); 
});​ 

也许还有其他的办法，但这个工程
DEMO：http://jsfiddle.net/6aVjg/4/

问候，
NJ