js 页面值变动监听

1、初始化值map对象

var compareMap = {}；// 定义全局变量

function initCompareMap(context){//context 为指定要初始化的区域，即上下文
setTimeout(function(){

　// 查找该域所有表单元素，过滤分页的、按钮和class含‘.ignore’的表单元素
$(":input",context).not(".easyui-pagination :input,[type='button'],button,.ignore",context).each(function(){
var obj = $(this);
var compareFlag = obj.attr("compareFlag");
if(compareMap[randomValue]){

}else{
var randomValue = "r_"+Math.round(Math.random()*1000000000);
obj.attr("compareFlag",randomValue);
compareMap[randomValue] = obj.val();
}
});
},1500);
}

2、调用值对比方法
function compareAllInput(selector,context){// selector: 过滤掉的元素，jquery选择器格式；context：区域，即上下文
var msg = ""，selectors = selector || ""，ct = context || document;
$("[compareFlag]",ct).not(selectors).each(function(){
var obj = $(this);
var compareFlag = obj.attr("compareFlag");
if(compareMap[compareFlag] == obj.val()){

}else{

　// 假如是table格式，获取输入域的小标题
msg += obj.parents("td:first").prev().text() + "值有变动<br/>";
};
});
return msg;
}

这里只是一个引子，可以再进一步封装成独立的组件，时间允许时，会再改造。