保存文字光标的位置

Question

我有这段代码将文本光标放在文本块中

<h2 id="textareaEdit" contenteditable="true">
  text text text<br>text text text<br>
</h2>
<button onclick="textPlace()">focus</button>

<script>
function textPlace() {
  var el = document.getElementById("textareaEdit");
  var range = document.createRange();
  var sel = window.getSelection();
  range.setStart(el.childNodes[2], 5);
  range.collapse(true);
  sel.removeAllRanges();
  sel.addRange(range);
  el.focus();
}
</script>

我想知道当用户键入内容时，是否有一种方法可以保存文本光标的位置，然后他们单击页面的另一部分，然后按一个按钮以返回到同一位置。

关于如何执行此操作的任何想法？我已经尝试这样做了几天，似乎无法获取任何代码来保存光标的位置