单击按钮更改文本区域中的插入符位置

Question

我有一个具有此内容的文本区域：

[supreme] a test text or anything [/supreme]

我也有一个按钮。 我要在单击按钮时选择文本区域，然后将插入符号位置更改为此：

[supreme] a test text or anything  <caret postion> [/supreme]

如何使用javascript或jquery做到这一点？

谢谢。

Answer 1

这是一个简单的例子。可以做得更干净，但是应该可以帮助您入门。

$(document).ready(function() {
  $('.button').click(function(e) {
    var $textArea = $('.textArea');
    var prevValue = $textArea.val();
    $textArea.focus().val('').val(prevValue);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="textArea">a test text or anything</textarea>
<button class="button">
CLick Me
</button>