檢測輸入類型「數量」是否從之前的值增加或減少

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就緒元素的原始值。

參考文獻：

• change()。
• data()。