Js判断输入框的值是不是发生变化

Js判断输入框的值是否发生变化
当编辑以前保存的输入框信息时,输入框内容发生改变时,Js提示输入框内容发生变化Js判断输入框的值是不是发生变化
当新建时输入A  点击生成 按钮 生成 B 点击保存成功后  
再进入编辑  改变A的值   直接点击保存时 要验证 A的值 是否发生改变
------解决思路----------------------
输入框的值和原来的对比下
------解决思路----------------------
可以写一个隐藏的type = “hidden” ,value = “..”,记录最初的值,对这个进行判断
------解决思路----------------------

<input type="text" id="txt" /><input type="button" value="生成" onclick="dt()" />
<script type="text/javascript">
var temp = "";
function dt()
{
var v = document.getElementById("txt").value;
if(temp==v)
{
alert("输入框内容没有发生改变");
return;
}
temp = v;
var div = document.createElement("div");
div.innerHTML = v;
document.body.appendChild(div);
}
</script>



------解决思路----------------------
直接在对应的input框上,添加一个data-defaultValue的值,就行了啊,然后跟这个defaultValue的值,进行比较。
------解决思路----------------------
onChange 搞定
------解决思路----------------------
每次保存成功,保存一下当前的值,下次保存时,拿输入的值和之前保存的值做对比。