单击按钮时，将光标放在文本区域中的 2 点之间

Place cursor between 2 points in text area on button click

本文关键字：区域 之间 文本 按钮 光标 单击      更新时间：2023-09-26

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

例如，单击按钮时光标会转到此处

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

.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;
});

使用

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

将焦点放回文本区域，然后

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

以放置光标。

设置选择范围

相关文章：