我今天早上一直在搜索，但没有找到任何简单的解决方案......基本上，我想捕获输入元素的变化，但也知道以前的值。
这是最简单形式的更改事件和输入元素。显然，我可以使用 $(elem).val() 获取新值，但是我缺少获取先前值的偷偷摸摸的方法吗？我在 jQuery API 中没有看到任何可以执行此操作的内容，但也许有人已经完成了此操作并提供了一些提示？
<script>
$(document).ready(function(){
$('#myInputElement').bind('change', function(){
//var oldvalue = ???
var newvalue = $(this).val();
});
});
</script>
<input id="myInputElement" type="text">
我不反对编写自己的解决方案，我只是想确保我没有在这里重新创建轮子。
更好的方法是使用 .data 存储旧值。这避免了创建全局变量，您应该远离它并将信息封装在元素中。一个真实的例子，为什么全局变量是不好的记录在这里
例如
<script>
//look no global needed:)
$(document).ready(function(){
// Get the initial value
var $el = $('#myInputElement');
$el.data('oldVal', $el.val() );
$el.change(function(){
//store new value
var $this = $(this);
var newValue = $this.data('newVal', $this.val());
})
.focus(function(){
// Get the value when input gains focus
var oldValue = $(this).data('oldVal');
});
});
</script>
<input id="myInputElement" type="text">
这可能会奏效：
$(document).ready(function() {
$("input[type=text]").change(function() {
$(this).data("old", $(this).data("new") || "");
$(this).data("new", $(this).val());
console.log($(this).data("old"));
console.log($(this).data("new"));
});
});
$('#element').on('change', function() {
$(this).val($(this).prop("defaultValue"));
});
每当焦点离开输入字段时，您就可以将输入字段的值复制到隐藏字段（这应该按照您的意愿进行）。见下面的代码：
<script>
$(document).ready(function(){
$('#myInputElement').bind('change', function(){
var newvalue = $(this).val();
});
$('#myInputElement').blur(function(){
$('#myHiddenInput').val($(this).val());
});
});
</script>
<input id="myInputElement" type="text">
（未经测试，但它应该可以工作）。
每个 DOM 元素都有一个名为 defaultValue 的属性。如果您只想比较数据的第一次更改，则可以使用它来获取默认值。