Jquery HTML只是无法获得焦点而不是禁用

我目前正在尝试看看是否有一种方法可以不禁用输入，但不允许输入获得焦点。我这样做是因为我仍然需要后端来检索数据，但不允许用户在特定时间编辑输入字段。因为禁用不会将不起作用的数据返回到后端。 我目前的做法是，当用户按submit时，我会删除禁用的属性，但这会使它们在加载下一页之前的几秒钟内看起来正常。任何建议都很好（我的下一步是添加

background-color: #F2F2F2 !important;
color: #C6C6C6;
border-color: #ddd;

---

但是，由于每个浏览器的操作方式不同，我更喜欢一个不这样做的解决方案。

禁用输入并添加另一个输入类型=使用相同名称隐藏

禁用输入并添加另一个输入类型=使用相同名称隐藏

只需截取

onfocus

事件并发送

blur（）

event，这样，如果有人关注它，输入就会立即失去焦点

​document.getElementById（'input'）.onfocus=function（）{this.blur（）；}​​​​​

以下是一个示例

只需截取
onfocus
事件并发送
blur（）
事件，这样，如果有人关注它，输入就会立即失去焦点

​document.getElementById（'input'）.onfocus=function（）{this.blur（）；}​​​​​

以下是一个示例

考虑使用
readonly
，这正是针对这类事情的

<input type="text" name="foo" readonly>
<input type="text" name="foo" readonly="readonly"/> <!-- XHTML syntax -->

document.getElementsByName('foo')[0].readonly= true;


document.getElementsByName（'foo'）[0]。只读=true；

readonly
字段可以聚焦，这样用户仍然可以从中选择和复制文本。但是它不能编辑，渲染可能看起来是半禁用的。
考虑使用
readonly
，这正是针对这类事情的

<input type="text" name="foo" readonly>
<input type="text" name="foo" readonly="readonly"/> <!-- XHTML syntax -->

document.getElementsByName('foo')[0].readonly= true;


document.getElementsByName（'foo'）[0]。只读=true；

readonly
字段可以聚焦，这样用户仍然可以选择并复制其中的文本。但是它不能被编辑，渲染可能看起来是半禁用的