jQuery-如何处理可通过箭头键更新的字段？

Question

I have just discovered a problem on my shoping cart page and am unsure of the best way to deal with this.

I am using Twitter Bootstrap and have been working on the quantity fields in the shopping basket. When a user increases (via click) the amount, it automatically updates the cart information.

Now while testing this I mistakenly dragged my mouse over the quantity field and I noticed that the value increases if I slide over it, or if I use the arrow keys... and obviously my current jquery function does not pick up on this:

Here is the current code:

 $('.product-quantity').on('click','.input-group',function(){
    //Do stuff
}

So my question is this, what would be a better way to deal with the changing quantity field so that no matter what method is used to update the value, it triggers the function?

Answer 1

Use the onchange event :

$('.product-quantity').on('change','.input-group',function(){
    //Do stuff
}

MDN