使用Tab键时，禁用只读文本框的光标焦点

Question

我正在使用只读文本框。我只想在可编辑的情况下专注于输入文本框。如果这是不可编辑的，我应该如何禁用特定文本框的焦点。

Answer 1

试试这个：

<input type="text" value="test" onfocus="this.blur()" readonly="readonly" >

Answer 2

设置tabindex = "-1"

并保留一个选择器css input:read-only {pointer-events: none;}

Answer 3

还可以将输入设置为disabled，这样可以防止输入集中，并在标签导航中跳过输入

<input disabled="disabled" />

您可以添加样式以覆盖禁用的样式