jquery - 使用类检测输入值变化

Question

基于这个问题:

Jquery input value change detection

我有 input 1 和 input 2 ，其中 value='100'

如果我更改输入 1 值，警报会显示该值已更改，完美。

但是如果我进入输入并失去焦点(我正在使用 focusout())，警报将继续显示该值再次更改，也许是因为我使用类。

我无法让它发挥作用，我缺少什么？

html:

<input type="text" value="100" class="inputTest" />
<input type="text" value="100" class="inputTest" />

js:

$(".inputTest").focusout(function(){
   if(this.value != this.defaultValue){
        alert('changed');
    } 
});

做了一个live example .

谢谢。

Answer 1

使用data()方法存储输入输入的最后一个值。然后，您可以更改逻辑来测试此值，而不是默认值。

$(".inputTest").each(function() {
    $(this).data("lastValue", this.value);
})

$(".inputTest").focusout(function() {
    if (this.value != $(this).data("lastValue")) {
        alert('changed');
        $(this).data("lastValue", this.value)
    }
});

Fiddle here