JQuery是一种JavaScript库,它可以帮助开发人员更轻松地使用JavaScript。其中,change事件是一个常用的事件类型,可以用于捕捉用户对输入框、下拉列表等元素的操作变化。同时,在一些需要进行数据传递和验证的场景中,我们需要获取用户操作前的值,从而进行一系列的操作。此时,我们可以使用JQuery的change事件和.val()方法来实现旧值的获取。
$(document).ready(function(){ //获取输入框的旧值并打印 var oldVal = $('#input').val(); console.log('旧值为:'+oldVal); //捕捉输入框的变化,并实时更新旧值 $('#input').change(function(){ var newVal = $(this).val(); console.log('新值为:'+newVal); console.log('旧值为:'+oldVal); oldVal = newVal; //更新旧值为新值 }); });
上述代码中,我们首先获取输入框的旧值并打印出来,然后通过.change()方法来捕捉输入框的变化事件。在事件执行函数中,我们通过.val()方法获取输入框的新值,并将新值和旧值一起打印出来。同时,为了实时更新旧值,我们还将新值赋予旧值。
通过这种方式,我们就可以实时地获取用户输入框的旧值和新值,并进行一系列操作,如数据传递和验证。总之,对于需要获取用户输入框旧值的场景,JQuery的change事件和.val()方法是很好的选择。