HTML 输入[类型=数字] : override arrow behaviour

Question

是否可以有一个 input 元素，其 type 等于 number，其箭头按钮不会通过 更改值step 属性，但由其他给定的数字？

我需要一个步长等于 .001 的字段，我想通过单击箭头进行 +-1 次跳跃。 (我问的是原生箭头按钮，当然我无论如何都可以模拟它们，但这不是问题。)

Answer 1

谷歌搜索首先发现了它

<input type="number" name="points" min="0" max="100" step="0.001" value="30">

除此之外，我想您需要使用 JS 来操纵行为。可能是这样的:

<input id="example" type="number" name="points" step="0.001" onchange="checkChangedInput();">
<script>
  function checkChangedInput() {
    // check if number got lower or higher
    ...
    document.getElementById("example").value += OldValuePlusZeroPointNineNineNine;
</script>

虽然我猜想在字段中输入某事时使用 onchange 可能会产生意想不到的结果。因此，您还应该检查 in/decrement 是否超过您的步骤 (0.001)。

这也可能会产生一些有用的信息:HTML5 input type=number change step behavior