Javascript - 在開始文本輸入時只讀

Question

我有一些文本輸入（可能是personne或contacts ）：

是否可以阻止修改第一個單詞？

如果輸入文本中有personne或contacts ，請防止從輸入字段中刪除這些，但只允許在這些單詞之后輸入。

Answer 1

這是一個簡單的JS解決方案，你可以在里面寫但不能刪除：

 document.querySelector('#myInput').addEventListener('keyup', val, false); function val() { if (this.value.includes("personne ") === false) { this.value = "personne "; } }

 <input type="text" value="personne " size="30" id="myInput">

您甚至可以確定用戶是否輸入了某些內容，然后用鼠標選擇personne並用鍵盤將其刪除，然后再返回 append 並在其后鍵入值：

 document.querySelector('#myInput').addEventListener('keyup', val, false); function val() { if (this.value.includes("personne ") === false) { this.value = "personne " + this.value.substr(this.value.indexOf(' ') + 1); this.value = this.value.replace("personne personne", "personne "); } }

 <input type="text" value="personne " size="30" id="myInput">

Answer 2

你可以這樣做：

 input{ padding-left:70px; }.input-container{ position: relative; }.input-container:after{ content: 'prersonne'; position:absolute; top: 50%; left: 5px; transform: translateY(-50%); }

 <div class="input-container"> <input type="text"> </div>