我有一个文本输入。页面加载时会填充一个值。如果用户在文本框中更改了任何内容，那么我想获取更改后的值（新值）和旧值。但是调用ELEMENT.value它只会返回更改后的/新值。
我如何获得旧值？
这是我的代码：
<head>
<script type="text/javascript">
function onChangeTest(changeVal) {
alert("Value is " + changeVal.value);
}
</script>
</head>
<body>
<form>
<div>
<input type="text" id="test" value ="ABS" onchange="onChangeTest(this)">
</div>
</form>
</body>
您需要手动存储旧值。你可以用很多不同的方式存储它。您可以使用 javascript 对象来存储每个文本框的值，或者您可以使用隐藏字段（我不推荐它 - html 太重），或者您可以在文本框本身上使用 expando 属性，如下所示：
<input type="text" onfocus="this.oldvalue = this.value;" onchange="onChangeTest(this);this.oldvalue = this.value;" />
然后您处理更改的 javascript 函数如下所示：
<script type="text/javascript">
function onChangeTest(textbox) {
alert("Value is " + textbox.value + "\n" + "Old Value is " + textbox.oldvalue);
}
</script>
element.defaultValue 会给你原来的value。
请注意，这只适用于初始值。
如果您需要在每次更改时保留“旧”值，则 expando 属性或类似方法将满足您的需求
您应该使用 HTML5 数据属性。您可以创建自己的属性并在其中保存不同的值。
我会建议：
function onChange(field){
field.old=field.recent;
field.recent=field.value;
//we have available old value here;
}
我有时使用的一个肮脏的技巧是将变量隐藏在 'name' 属性中（我通常不用于其他目的）：
select onFocus=(this.name=this.value) onChange=someFunction(this.name,this.value)><option...
有点出乎意料的是，旧值和新值都被提交给 someFunction(oldValue,newValue)