強制文本插入符號出現在只讀輸入中

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;">