javascript - 如何配置 Bootstrap 输入微调器以仅在按下 + 或 - 按钮时更改输入值？

Question

我使用 Bootstrap 输入微调器，例如下面的代码。

在这种情况下，在我按下 + 或 - 后重复调用输入更改事件。

是否存在一种配置 Bootstrap 输入微调器以仅在按下 + 或 - 按钮时调用更改事件的方法？

 <input id="frequency" class="form-control" type="number" value="0" min="0" max="50" step="1" />

js

 $("input[type='number']").inputSpinner();

Answer 1

您可以简单地将配置中的 autoInterval 选项增加到一个较大的数字，例如 60000，这样您的输入微调器只会在您像这样按住按钮 1 分钟:

const config = {
  autoInterval: 60000
}

$("input[type='number']").inputSpinner(config);

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<script src="https://shaack.com/projekte/bootstrap-input-spinner/src/bootstrap-input-spinner.js"></script>

<input type="number" value="500" min="0" max="1000" step="10" />