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>