如何禁用 type="number" 上的输入，但只保持微调器可用答案

【问题标题】：How to disable input on type="number" but only keep spinners usable如何禁用 type="number" 上的输入，但只保持微调器可用
【发布时间】：2014-08-12 13:12:37
【问题描述】：

所以我需要禁用输入：

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

但请保持微调器工作...以避免某些输入高于或低于最小值和最大值。

【问题讨论】：

Disable Text Entry in <input type="number"> 的可能重复项
不一样，因为我需要完全禁用输入但让滚轮工作的解决方案，所以没有人可以输入任何东西，只能使用滚轮进行输入...
Number 顺便说一下，IE 不支持输入类型。
我真的不喜欢 IE，我所有的网站都提供下载 Firefox 或 Chrome 以获取完整的用户体验。

标签： css html input

【解决方案1】：

您可以使用 jquery 来完成此任务：

DEMO

HTML

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

JAVASCRIPT (JQUERY)

$('input[type="number"]').keydown(function(e) {
  e.preventDefault();
});

【讨论】：

不错的解决方案。不过，您不一定需要 JQuery，如果您给它一个 ID，您可以使用 onkeydown 事件。例如：document.getElementById("myNumericInput").onkeydown=function(e){e.preventDefault();}
不一定，你将如何解决多个输入类型数字？您必须按照id 创建事件。您可以使用document.querySelectorAll，但这在某些浏览器版本上不起作用。
只给他们一个类（很可能已经有一个共享类）并遍历document.getElementsByClassName?
如前所述，这不适用于某些浏览器版本，尤其是 IE
哦对了，尤其是 IE developer.mozilla.org/en-US/docs/Web/API/…