强制文本插入符号出现在只读输入中

Question

场景：当输入字段设置为.readOnly = true ，文本光标被指针箭头光标替换，输入字段无法输入或修改。 但是，单击这样一个带有文本的只读输入字段实际上会在文本中注册光标的位置，即使显示器不会像启用读取的输入字段那样通过视觉呈现文本光标插入符号来显示单击的位置。

这里的问题是：有没有办法强制文本光标插入符号出现在输入字段集.readOnly = true ，换句话说，就好像输入字段实际上已启用读取，但仍保持输入字段只读？

Answer 1

您想要实现的实际上是少数浏览器中存在的错误。

检查这个答案

但是您可以通过以下解决方法来实现这一点。

删除readOnly属性并尝试使用以下代码

 $('document').ready(function() { $('input[type="text"]').keydown(function(e) { return false; }); $('input[type="text"]').bind("cut copy paste", function(e) { e.preventDefault(); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" value="some value" />

Answer 2

你可以用 css 做到这一点：

input[readonly] {
  cursor: text;
}

或者

<input type="text" style="cursor: text;">