在当前光标位置插入文本

有时候在文本编辑器中需要在当前光标位置插入文本，这在处理文本时非常常见。本文将介绍如何在当前光标位置插入文本。

JavaScript

在 JavaScript 中，可以使用 selectionStart 和 selectionEnd 属性获取当前光标位置，然后使用 substring() 方法将需要插入的文本插入到当前光标位置。

const textarea = document.getElementById('my-textarea');
const startPos = textarea.selectionStart;
const endPos = textarea.selectionEnd;
const insertText = '要插入的文本';

textarea.value = textarea.value.substring(0, startPos) + insertText + textarea.value.substring(endPos, textarea.value.length);
textarea.selectionStart = startPos + insertText.length;
textarea.selectionEnd = startPos + insertText.length;

这段代码首先获取了文本区域的 DOM 元素，并且获取了当前光标的起始位置和结束位置。然后，将需要插入的文本插入到起始位置和结束位置之间的文本中，并将新的文本重新设置给文本区域，最后将光标移动到插入文本的末尾。

jQuery

在 jQuery 中，可以使用 selection 插件来获取和设置当前光标位置，并使用 val() 方法获取和设置文本区域的值。

const textarea = $('#my-textarea');
const startPos = textarea.getSelection().start;
const endPos = textarea.getSelection().end;
const insertText = '要插入的文本';

textarea.val(function(_, value) {
  return value.substring(0, startPos) + insertText + value.substring(endPos, value.length);
});

textarea.setSelection(startPos + insertText.length);

这段代码首先获取了文本区域的 jQuery 对象，并使用 getSelection() 方法获取了当前光标的起始位置和结束位置。然后，将需要插入的文本插入到起始位置和结束位置之间的文本中，并将新的值重新设置给文本区域，最后将光标移动到插入文本的末尾。

结论

以上是 JavaScript 和 jQuery 实现在当前光标位置插入文本的方法。这两种方法在文本编辑器中都是非常常见的，希望对你有所帮助。