在不使用 disabled 的情况下禁用文本框答案

【问题标题】：Disable a text box without using disabled在不使用 disabled 的情况下禁用文本框
【发布时间】：2014-09-09 07:57:12
【问题描述】：

是否有一种简单的 Javascript 或 JQuery 方法可以在不使用 disabled 属性的情况下禁用文本框？

我们正在使用 Handlebar.js，当发现一个禁用的字段时，它会在序列化时跳过该字段，因此我们不能使用 disabled 属性。有没有办法让文本框仍然不可编辑？也许有焦点或模糊？

【问题讨论】：

【解决方案1】：

像这样直接为输入元素添加“只读”属性

Name: &lt;input type="text" value="editing me is disabled" readonly&gt;

它就像魅力一样。不需要为此使用 jquery。

【讨论】：

【解决方案2】：

document.forms['formName']['inputName'].readOnly = true;

【讨论】：

【解决方案3】：

改用readonly 属性：

$('#textBox').prop('readonly', true);

如果您使用 jQuery，请使用 .attr() 而不是 .prop()

【讨论】：