如何使用Javascript在TextArea的光标位置添加文本

Question

我有一个文本区域(TextArea)，文本框(textBox)和一个按钮。TextArea中有一些文本，例如：“这是一只猫”。

现在我的要求是：如果有人将光标定位在TextArea中并在文本框中输入文字，然后单击按钮，那么文本应该被追加到光标位置而不是最后。例如：

TextArea: 这是一只猫。 光标位置：在“a”之后 在文本框中输入的文本：黑色

输出结果：这是一只黑色猫。

我该如何使用JavaScript实现这个功能？

提前感谢您的帮助。

- user946393

---

可能是在使用Javascript / jQuery的光标处插入文本的重复问题。 - user

可能是在Javascript中在文本区域中插入文本的重复问题。 - Jason C

Answer 1

我之前已经回答过这个问题了：使用Javascript在textarea中插入文本。另外需要注意的是，在IE浏览器上，当点击按钮时光标位置会丢失。为了解决这个问题，你可以使用mousedown事件代替点击事件，或者通过添加unselectable="on"属性使按钮无法被选中。

- Tim Down

Answer 2

使用 Google: 如何使用JavaScript在光标位置向文本区域添加文本

从上面的帖子（Tim Down的帖子）复制代码并替换即可。

insertTextAtCaret(textarea, "[INSERTED]");

使用

var textBox = document.getElementById("your-textbox-name");
insertTextAtCaret(textarea, textbox.value);

- joostdevries