如何在插入新文本javascript后保持光标位置

// 获取当前光标位置
function getCursorPosition() {
  var cursorPos = 0;
  var sel, range;
  if (window.getSelection) {
    sel = window.getSelection();
    if (sel.rangeCount) {
      range = sel.getRangeAt(0);
      if (range.commonAncestorContainer.parentNode == document.getElementById('textarea')) {
        cursorPos = range.endOffset;
      }
    }
  } else if (document.selection && document.selection.createRange) {
    range = document.selection.createRange();
    if (range.parentElement() == document.getElementById('textarea')) {
      var tempEl = document.createElement('span');
      document.getElementById('textarea').insertBefore(tempEl, document.getElementById('textarea').firstChild);
      var tempRange = range.duplicate();
      tempRange.moveToElementText(tempEl);
      tempRange.setEndPoint('EndToEnd', range);
      cursorPos = tempRange.text.length;
    }
  }
  return cursorPos;
}

// 在指定位置插入新文本
function insertTextAtCursor(text) {
  var textarea = document.getElementById('textarea');
  var cursorPos = getCursorPosition();
  var front = (textarea.value).substring(0, cursorPos);
  var back = (textarea.value).substring(cursorPos, textarea.value.length);
  textarea.value = front + text + back;
  cursorPos += text.length;
  textarea.setSelectionRange(cursorPos, cursorPos);
  textarea.focus();
}

// 在插入新文本后保持光标位置
function insertAndKeepCursor(text) {
  var textarea = document.getElementById('textarea');
  var cursorPos = getCursorPosition();
  insertTextAtCursor(text);
  textarea.setSelectionRange(cursorPos, cursorPos);
  textarea.focus();
}