javascript - 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