用户更改后如何获得真正的输入值(使用jQuery)？

Question

例如,我们有html输入值="wally":

<input type="text" value="wally" />

用户更改之后如何获得这个旧的"wally"值(使用jQuery)？

我尝试使用.attr(),. prop(),. value()来获取它,但所有这些都返回用户输入的新值.

您可以在jsfiddle上测试代码.尝试更改输入值,然后单击"获取"蓝色按钮.

PS jQuery 1.7.2包含在jsfiddle中.

Answer 1

使用defaultValue底层DOM元素:

var input = $(this).closest('form').find('input');
console.log(input[0].defaultValue);

更新了小提琴

当然,如果您使用的是jQuery 1.6或更高版本,您可以使用prop('defaultValue')它(在早期版本中,attr('defaultValue')可能有效):

var input = $(this).closest('form').find('input');
console.log(input.prop('defaultValue'));

更新了小提琴