Question

我应该使用什么事件来获取输入数字值，在该输入数字值中，键入或使用按钮进行更改，

<p><input id="multiplier" type="number"></p>

change仅在使用按钮键入时不起作用

$('#multiplier').change(function(){
   var value = $(this).val();
});

Answer 1

 let multiplier = document.getElementById("multiplier");
 
  multiplier.addEventListener("input",function(){
    let value = this.value;
    console.log(value)
  })

<p><input id="multiplier" type="number"></p>

Answer 2

您可以像这样组合两个事件触发器：

$('#multiplier').on('keyup change', function(){
   var value = $(this).val();
   console.log(value)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><input id="multiplier" type="number"></p>

单击和使用控制按钮更改时的输入数字值

2 个答案: