javascript - html按钮在没有被禁用的情况下不可点击

Question

由于 IE (<8?) 不允许我更改禁用按钮的文本颜色，并引入了可怕的阴影(浮雕效果)，我想模仿禁用按钮的行为。如果表单上有输入错误，此按钮将被禁用。

我可以更改 JS 中的类，以便在进行表单验证时使按钮变暗，而不是禁用。我还想做的是让它也不可点击，这样用户就无法提交表单。 (如何)我可以这样做吗？

谢谢

Answer 1

IE10+ 和现代浏览器答案

这不会解决您的问题 因为您使用的是 ，但对于那些使用现代浏览器并回答原始问题的人:

html button not clickable without being disabled

...这简单而优雅地工作:

.no-click {
    pointer-events: none;
}

只需将此类添加到您的 UI 中:

<button class="no-click">