javascript - 使步骤作为指导

Question

我怎样才能使一个<input type="number">动作的 step 属性更像一个指南，所以我可以输入任何正整数，但增量箭头会将当前值更改一个固定量？

例如，我可以输入 0,1,2,3,4,5,6,7,... 并且该步骤会将值递增为 0,6,12,18,24,... 等...

如果我知道如何在 JavaScript 中捕获升压/降压事件，我可以实现这一点。但是，我找不到这样做的方法。我已经在下面的伪代码中准确地展示了我想要的内容：

<input id="num" type="number">
<script>
  inp = document.getElementById("num");
  var increment = 6;
  if ( step up pressed ){
    inp.value += increment;
  }
  else if  (step down pressed ){
    inp.value -= increment;
  }
</script>

标签： javascripthtmlinput

Answer 1

这行得通吗？

<input id="num" type="number" step="6">