javascript - 检测输入类型 'number' 是否比之前的值增加或减少

Question

有什么好的方法吗？您可以将原始值和新值发送到 jquery/javascript 函数吗？将旧值保留在某个全局变量中感觉有点困惑。

编辑:上下文代码

<input type='number' onchange='foo(...)'>

...

<script type=text/javascript>
function foo(...){
    if(old > new){
        alert('decreased');
    }else{
        alert('increased');
    }
}
</text>

Answer 1

所以不要将它保存在全局变量中:

<input type="number" value="5" />

$('input[type="number"]').change(function () {
    if (this.getAttribute('value') === this.value) {
        // setting the original 'lastvalue' data property
        $(this).data('lastvalue', this.value);
    } else {
        // take whatever action you require here:
        console.log(this.value < $(this).data('lastvalue') ? 'decrement' : 'increment');
        // update the lastvalue data property here:
        $(this).data('lastvalue', this.value);
    }
}).change();

JS Fiddle demo .

您还可以代替 this.getAttribute('value') === this.value 使用 this.defaultValue === this.value (如 JS Fiddle demo 中所示)，this.defaultValue 是 DOM-ready 元素的原始值。

引用资料:

• > change() .
• > data() .