求助：如何点击按钮在textarea的100位置插入'hello'？

当然有可行的方法！你之前的代码可能因为混淆了选中内容替换和指定位置插入逻辑，再加上多余的换行，才导致效果不理想。下面是针对你需求的精准实现方案：

核心思路 #

直接操作textarea的value属性，结合目标插入位置拼接新文本，同时严格遵守maxlength限制，确保插入后总长度不超过120字符。

完整实现代码 #

<textarea id="myTextarea" maxlength="120"></textarea>
<button onclick="insertHelloAtPosition()">插入Hello</button>

<script>
function insertHelloAtPosition() {
  const textarea = document.getElementById('myTextarea');
  const insertText = 'hello';
  const targetPosition = 100;
  
  // 获取当前textarea的内容
  const currentContent = textarea.value;
  
  // 构造新内容：前100位字符 + 插入文本 + 原文本从100位开始的部分
  let newContent = currentContent.substring(0, targetPosition) + insertText + currentContent.substring(targetPosition);
  
  // 强制截断到maxlength限制，避免插入后超长
  newContent = newContent.substring(0, 120);
  
  // 更新textarea内容
  textarea.value = newContent;
  
  // 可选优化：将光标定位到插入文本之后，方便后续输入
  textarea.selectionStart = textarea.selectionEnd = targetPosition + insertText.length;
}
</script>

代码细节说明 #

• 精准插入：通过substring拆分原文本，直接在指定位置拼接插入内容，完全贴合你要在位置100插入hello的需求。
• 长度合规：最后一步截断操作确保新内容不会突破textarea的120字符限制，避免浏览器自动截断导致的异常。
• 用户体验优化：插入后自动将光标移到文本末尾，不用用户手动调整位置。

为什么你的临时代码效果不好？ #

你原来的代码里不仅拼写错误（selecStart/selectEnd应该是selectionStart/selectionEnd），还误用了替换选中内容的逻辑，而非固定位置插入；另外添加的多个换行完全打乱了文本结构，自然达不到预期效果。

内容的提问来源于stack exchange，提问作者Taieb