javascript - 使文本区域的第一部分只读

Question

我在 html 中有一个像这样的 textarea 元素:

<textarea id="txtarea">some text</textarea>

我希望用户能够将文本添加到文本区域，但使“某些文本”只读/不可编辑。

这是我用 jquery 得到的最接近的解决方案:

$('#txtarea').text[0]('t');
$('#txtarea').text[0]('x'); //etc

这不起作用，因为 text0 不是语法错误。有人知道如何更改文本区域的第一个单词，或者也许提供了我没有想到的另一种解决方案？谢谢编辑:

我不想要一个默认的文本区域文本，但它是不可取消的

Answer 1

我建议在keyup上添加一个功能它检查 .val()对于 .text() 的存在。如果没有找到，设置.val() 等于 .text() 。因为.text()在页面加载时设置，并且 .val()会在您键入时更新，这样您就可以将新文本添加到 <textarea> ，但如果删除，它总是会添加回原始文本。

这可以在下面看到，用户可以自由输入新文本，但如果 <textarea>不包含字符串 some text ，<textarea>将更新以包含它:

$('#txtarea').on("keyup", function() {
  if ($(this).val().indexOf($(this).text()) === -1) {
    $(this).val($(this).text());
  }  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="txtarea">some text</textarea>