javascript - 单击按钮时将光标置于文本区域中的 2 个点之间

Question

我在单击按钮时向文本区域添加一些代码，我想将光标放在文本区域中的特定点。

例如单击按钮时光标移至此处

这是我目前拥有的代码，任何帮助都会很棒。

html

<a href="#" class="button grey div">div</a>
<textarea id="editor" class="html-text" spellcheck="false"></textarea>

jquery

$(".div").click(function() {
    var caretPos = document.getElementById("editor").selectionStart;
    var textAreaTxt = $("#editor").val();
    var txtToAdd = '<div></div>';
    $("#editor").val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos));
    return false;
});

Answer 1

使用

$("#editor").focus();

将焦点返回到文本区域，然后

$("#editor")[0].setSelectionRange(selectionStart, selectionEnd);

放置光标。

setSelectionRange