选择插入文本区域的文本

Question

我有一个将[link=enter link here]插入textarea的按钮。我希望当按下按钮并将文本插入文本区域时，文本enter link here已被选中，以便用户可以轻松输入链接。 （这与Stack Overflow如何在问题中添加链接的方式相同）。

问题是说textarea中已经有[link=enter link here]，如果添加了另一个[link=enter link here]，我希望刚刚添加的那个不是第一个。此外，我还有一个函数，它将文本插入到插入符号的位置，如$('textarea').insertAtCaret('[link=enter text here]');，这使得事情变得更加困难，因为之后可能有文本[link=enter text here]。

这样做的一种方法可能是计算插入符号位置[link=enter link here]之前的文本区域中[link=enter link here]的次数，然后选择之后出现的enter link here伯爵。

我找到了一个名为rangyinputs的jQuery插件，可以让我选择文字。虽然我不知道如何使用它来解决我的问题。

提前致谢。

Answer 1

您需要使用select方法

http://jsfiddle.net/fvLhbokd/

HTML

<textarea id="textArea">Enter some text here</textarea>

的JavaScript

var textField = document.getElementById("textArea");
textField.focus();
textField.select();