Javascript textarea.append（）在手动键入后停止工作

我设法把它缩小到一把很小的小提琴：

基本上，当你点击“append”时，它应该在文本区域添加一个“X”。这很有效，直到我决定聚焦文本区域并手动键入一些内容。那我就不能再追加X了

在Chrome和Firefox中测试。我做错了什么

HTML:

---

您需要改用

val

：

$（函数（）{
$（文档）。在（'单击'，'追加'，函数（）上）{
$（'#text'）.val（$（'#text'）.val（）+“X”）；
});
});

追加
您需要改用
val
：


$（函数（）{
$（文档）。在（'单击'，'追加'，函数（）上）{
$（'#text'）.val（$（'#text'）.val（）+“X”）；
});
});

追加
在更新了小提琴。您不必在textrarea中附加元素。Append用于添加HTML元素，但是如果要修改textarea的文本，请使用Val（）

更新小提琴在。您不必在textrarea中附加元素。Append用于添加HTML元素，但是如果要修改textarea的文本，请使用Val（）

可能的重复可能的重复
<div id="append">append</div>
<textarea id="text"></textarea>

$(function(){
    $(document).on('click', '#append', function(){
    $('#text').append(" X");
  });
});

$(function(){
    $(document).on('click', '#append', function(){
    $('#text').val( $('#text').val() + " X") ;
  });
});