Javascript 预防<；按钮>；正在单击而不禁用它

在我的页面上，我有一个

，里面有一个

，当用户点击

或其微调器按钮时，

的点击事件将触发，

获得

:active

样式。 设置

会阻止单击事件触发，但

会获得禁用的样式

我要寻找的是如何使用简单的Javascript、CSS或HTML使

不可读取，而不劫持单击事件、禁用它或在顶部放置透明的内容。 它应该看起来正常，但单击时不得更改样式或触发单击事件

---

我所拥有的

您应该在javascript中使用preventDefault（）函数来防止触发操作。请看链接。

您的限制涵盖了许多好的解决方案。禁用

有什么问题

但事实上，有一种CSS方法。您可以在输入上设置
指针事件：none
，点击就会通过。
经过一些实验后，我自己解决了这个问题。
我不想禁用我的
的原因是它看起来会被禁用。
显然，
：disabled
样式可以用
按钮：disabled{color:black；}
覆盖，这使我完全可以接受禁用它


功能禁用（id）{
document.getElementById（id）.disabled='disabled'；
}
功能启用（id）{
document.getElementById（id）.removeAttribute（'disabled'）；
}
input[type=number]：-webkit内部旋转按钮，
输入[类型=编号]：-webkit外部旋转按钮{
不透明度：1；
}
#orderbutton3：已禁用{
颜色：黑色；
}
Begin（点击数字输入点击按钮）：


命令
&时代；



这是我禁用它时得到的结果：


命令
&时代；



我得到的结果（单击输入不会单击按钮，并且按钮显示为可单击，因为我已覆盖文本颜色）：


命令
&时代；
顺便说一句，HTML不需要或不想在后面加“/”。谢谢你的回复，但我也不想让按钮获得
：active
样式，我已经尝试取消单击事件，但单击时
仍然看起来非常
：active
。谢谢，这对我帮助很大。我想避免禁用，因为我不希望用户认为他们不能点击按钮。现在唯一的问题是，如果我单击
input
按钮，则带有
指针事件：none
将不会执行任何操作（如需要），但当我再次单击input时，它将单击该按钮。看起来这和焦点有关。。。