javascript - 是否可以为数字输入框中的小按钮添加事件监听器？

Question

例如，如果我在购物篮中有一个输入框，要求输入产品的数量，我想向<input type=number>中数字右侧的小按钮添加一个事件监听器。字段会相应地更改数字并更新价格。

如果这是可能的，一个例子就太好了。

谢谢。

已编辑

如果可能的话，我也想远离 jQuery

Answer 1

您可以使用 Javascript 更改事件:

document.getElementById("product").addEventListener("change", function( event ) {
    console.log(event.target.value);
  }, false);

DEMO

更新价格，从而改变产品的值(value):

document.getElementById("product").addEventListener("change", function( event ) {
    var product = parseInt(event.target.value);
    document.getElementById("price").value = product *2;
  }, false);

DEMO