Question

我在下面的<input type="number">中数字值发生变化时触发了一个事件：

<input type="number" inputmode="numeric" pattern="[0-9]*" size="4" class="lorem"  value="0" step="1">
<input type="button" class="minus" value="-">
<input type="button" class="plus" value="+">

工作正常。

但是，我下方有加/减按钮。这些按钮增加/减少值，但是当发生这种情况时，永远不会触发事件。为什么？

我怎样才能触发事件？

Answer 1

我认为您需要在输入框中输入以下代码，方法是点击加号和减号按钮。

$(".minus,.plus").on('click',function(){
  if($(this).val()=="-")
  {
   var incr=-1;  
  }
  else
  {
    var incr=1;
  }
  $(".lorem").val(parseInt($(".lorem").val())+incr);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="number" inputmode="numeric" pattern="[0-9]*" size="4" class="lorem"  value="0" step="1">
<input type="button" class="minus" value="-">
<input type="button" class="plus" value="+">

Answer 2

使用加号/减号按钮更改值后，需要在该数字字段上触发更改事件。它看起来像这样：

$(".minus").click(function() {
  var $numberField = $("input[type=number]");
  // Assign a new value to the field and fire change event
  $numberField.val("1").change();
})

如果您需要更多帮助，请上传您的JavaScript代码。

事件未触发

2 个答案: