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

JQuery - How to deal with field that can be updated via arrow keys?

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

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

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

这是当前代码:

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

所以我的问题是,有什么更好的方法来处理变化的数量字段,以便无论使用什么方法更新值,它都会触发函数?

使用 onchange 事件:

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

MDN