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

Is it possible to add an event listener to the small buttons in a number input box?

本文关键字：按钮 添加 事件 侦听器 是否 数字输入      更新时间：2023-09-26

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

如果这是可能的，一个例子将是伟大的。

谢谢。

编辑

如果可能的话，我也想避开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);

DEMO

相关文章：