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

Question

我刚刚在购物车页面上发现了一个问题，并且不确定处理此问题的最佳方法。

我正在使用Twitter Bootstrap并且一直在处理购物篮中的数量字段。当用户增加（通过点击）金额时，它会自动更新购物车信息。

现在在测试时我错误地将鼠标拖到数量字段上，我注意到如果我滑过它，或者如果我使用箭头键，值会增加......显然我当前的jquery函数没有接受这样：

以下是当前代码：

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

所以我的问题是，处理变化数量字段的更好方法是什么，这样无论用什么方法来更新数值，它都会触发函数？

Answer 1

使用onchange事件：

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

MDN