javascript - Javascript - 开始文本输入时只读

Question

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

是否可以阻止修改第一个单词？

如果输入文本中有personne或contacts，请防止从输入字段中删除这些，但只允许在这些单词之后输入。

标签： javascriptinput

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 用鼠标选择并用键盘将其删除，然后再将其附加回来，并在其后输入值：

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