javascript - 使用 JQuery 在 textarea 中获取光标位置和突出显示的文本

Question

在表单中有一个文本区域，我正在尝试做几件事:

• 获取光标在文本区域内的当前位置
• 获取文本区域内的当前选择
• 在当前光标位置插入一些文本
• 用其他文本替换当前选择

因为我已经在使用 JQuery，所以我更喜欢一个可以顺畅运行的解决方案。任何有关如何实现上述目标的指示都将不胜感激。

Answer 1

为此有许多 jQuery 插件。这是我以前用过的一个很好的:

http://plugins.jquery.com/project/a-tools

---

获取光标在文本区域内的当前位置:

$("textarea").getSelection().start;

---

获取文本区域内的当前选择:

$("textarea").getSelection();

这会返回一个像这样的对象:

{
    start: 1, // where the selection starts
    end: 4, // where the selection ends
    length: 3, // the length of the selection
    text: 'The selected text'
}

---

在当前光标位置插入一些文本:

$("#textarea").insertAtCaretPos("The text to insert");

---

用其他文本替换当前选择:

$("#textarea").replaceSelection('This text will replace the selection');