javascript - 如何增加输入的数字？

Question

当使用 HTML input 元素时，我尝试实现 step 属性。这样我就可以通过单击输入字段中的向上/向下箭头将当前值加 100。

但是，step 确定合法值，因此它不适用于简单的增量。例如，如果我输入 123，它将增加到 200，而不是 223。

// populate field
document.querySelector("input").value = "123";

<input type="number" step="100" value="0"/>

对于 input 元素的递增/递减函数是否有简单的解决方法？

Answer 1

step 推离属性:

const input = document.querySelector('input');
input.value = 123;
input.setAttribute('value', 123);

<input type="number" step="100">

更新: 另外，正如 @Barmar 和 @SebastianSimon 指出的，您可以使用 defaultValue:

input.defaultValue = 123;