javascript - 防止直接操作html5输入数字字段

Question

我创建了一个 html5 输入数字字段，如下所示:

<input type="number" min="1" max="51" value="1"/>

现在我希望用户能够使用向上和向下箭头按钮循环浏览数字。但是我不希望用户能够直接在该字段中输入新号码。我该怎么做？

我尝试设置 readonly="true"，但正如预期的那样，这也禁用了用户使用向上和向下箭头按钮循环浏览数字的能力。

Answer 1

你可以试试

<input type="number" min="1" max="51" value="1" onkeydown="return false"; />

但是无论如何你都必须检查服务器端的值!