Html 如何在用户单击按钮时向文本区域添加文本

我想在用户单击按钮时向textarea添加文本。我知道如何连接字符串并将其添加到textarea，但我想将文本添加到用户单击的textarea内的位置/位置，然后在单击按钮时在该位置添加文本

---

提前感谢

以下是我的推荐信：

<script>
function input(){
    var text = "here the text that you want to input.";
    document.forms.form1.area.value = text;
}    
</script>
<form name='form1'>
    Click<input onclick='input()' type='button' value='BUTTON' id='button'><br>
    <textarea name='area'></textarea>

</form>

函数输入（）{
var text=“此处是要输入的文本。”；
document.forms.form1.area.value=文本；
}    
单击

这是一个示例，显示单击按钮时，一行文本添加到textarea。 为什么我要在其中添加javascript？因为只有html属性是不够的。

---

希望它能有所帮助：D

这里有一个简单的使用方法

你的html

<textarea id="txtarea"></textarea>
<input type="button" value="add text" id="add" />

---

您可以

单击按钮时，需要在特定位置（插入符号位置）向文本区域添加文本。请尝试以下操作：

var位置；
函数getCaretPosition（）{
var ctlTextArea=document.getElementById（'textArea'）；
position=ctlTextArea.selectionStart；
返回位置；
}
/*需要JQuery*/
$（文档）.ready（函数（）{
jQuery.fn.extend({
InsertCart:函数（myValue）{
返回此。每个函数（i）{
if（文档选择）{
//适用于Internet Explorer等浏览器
这是focus（）；
sel=document.selection.createRange（）；
sel.text=myValue；
这是focus（）；
}
else if（this.selectionStart | | this.selectionStart==“0”）{
//适用于基于Firefox和Webkit的浏览器
var startPos=this.selectionStart；
var endPos=this.selectionEnd；
var scrollTop=this.scrollTop；
this.value=this.value.substring（0，startPos）+myValue+this.value.substring（endPos，this.value.length）；
这是focus（）；
this.selectionStart=startPos+myValue.length；
this.selectionEnd=startPos+myValue.length；
this.scrollTop=scrollTop；
}否则{
this.value+=myValue；
这是focus（）；
}
})
}
});
$（'#btnTest'）。单击（函数（）{
$（“#textArea”）.insertcaret（'>'）；
});
});

如何在用户单击按钮时向文本区域添加文本
//javascript代码在这里。。。
如何在用户单击按钮时向文本区域添加文本
与此同时，猫慢慢地恢复了健康。的确，失去的眼窝呈现出可怕的外观，但他似乎不再忍受任何痛苦。
点击我
如上所述，我在按钮单击时使用文本区域内已有的文本指定字符串。我需要将文本添加到文本区域内用户单击的位置，您的代码伙伴在哪里？我想这就是您想要达到的目的：如果您想添加新文本，只需将文本区域中的当前文本放入一个变量，然后将其与新文本混合，如果要添加两段呢？如何将HTML传递给它？@YacoZaragoza try
$（'txtarea，'txtarea2'）.HTML（'test'）这不会添加文本，而是用新文本替换现有文本。
$(document).ready(function(){
  $("#add").click(function(){
      $('#txtarea').html('test');
  });
});