HTML5<；输入类型="；“数字”&燃气轮机；CSS定制

我有一个HTML5数字输入类型

<input type="number">

我的要求是用户只能通过上下箭头（微调器）设置值。用户不能手动输入值。是否可以只使用CSS

我正在使用node webkit

与此方法类似：

---

我认为仅使用CSS是不可能的。下面是一个小脚本，可以在需要时执行此操作：

<input type="number" onkeydown="if (event.keyCode != 38 && event.keyCode != 40) {event.preventDefault()}"/>

使用Javascript

document.getElementById("myId").addEventListener("keydown", function(e){

    e.preventDefault();

})

---

将

readonly

属性添加到

input

中有什么作用？我需要微调器保持不变。将readonly添加到输入也会删除微调器！仅使用CSS是不可能的。可能使用JavaScript。我将排除<代码>输入< /代码>或<代码>回退空间密钥。@ TurungDQ也将在Android上使用。@ SuryyasHMA应考虑排除<代码>输入<代码>（KEYCODE＝13）和<代码>退格> <代码>（KEYCODE＝8）关键字，如@ HASHEM建议的那样。只需让用户能够使用

Enter

键和

Backspace

to…（返回）提交表单，您就明白了。只需将它们添加到条件中即可。@ShouryaSharma，我不确定这是否适用于android。如果不起作用，只需做一些测试，找到

向上

和

向下

键的键码，然后将它们放入条件语句中。键不起作用无关紧要，因为我要求微调器在node webkits的kiosk模式下工作（无键盘）。