如何防止用户在不禁用该字段的情况下输入文本字段？

Question

我试过了：

 $('input').keyup(function() {

   $(this).attr('val', '');

});

但它会在输入字母后稍微删除输入的文本。有没有办法阻止用户在不禁用文本字段的情况下完全输入文本？

原文由 Jacob 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一个很容易被忽略的非 Javascript 替代方案：您可以使用 readonly 属性而不是 disabled 属性吗？它可以防止编辑输入中的文本，但浏览器对输入的样式不同（不太可能“变灰”），例如 <input readonly type="text" ...>

原文由 Mike Mertsock 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

对于纯 CSS 解决方案，请尝试在输入上设置 pointer-events: none 。

原文由 Stephen L 发布，翻译遵循 CC BY-SA 4.0 许可协议