Javascript 是否可以将事件侦听器添加到数字输入框中的小按钮？

例如，如果我在购物篮中有一个输入框，它询问产品的数量，我想在

字段中数字右侧的小按钮上添加一个事件侦听器，该按钮会相应地更改数字并更新价格

如果可能的话，举个例子就好了

谢谢

编辑

---

我也想避开jQuery，如果可能的话，请您可以使用Javascript更改事件：

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

更新价格，从而改变产品价值：

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

---

您可以只使用更改/输入事件如果您的浏览器支持Shadow DOM，您可以通过按钮获取。但大多数浏览器没有。为什么输入的更改事件对您来说还不够？老实说，我以前没有听说过更改事件，但现在我了解到，这是最合适的解决方案，谢谢大家+1用于此解决方案。我想补充一点，这些小按钮只依赖于浏览器，因为它仍然是HTML5的参考。许多浏览器都不会显示任何小按钮，除非有可能支持它的新版本。@AlexPierstoval

input type=“number”

在大多数现代浏览器中都受支持。如果浏览器不支持HTML5输入类型，它们将作为常规文本字段。然后更改事件将不起作用，所以您可以使用

keyup

event-Then。