事件未触发

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 代码。