Сохранить местоположение текстового курсора

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>

Мне было интересно, есть ли способ сохранить местоположение текстового курсора, когда пользователь печатает, а затем щелкает мышью по другой части страницы и затем нажимает кнопку, чтобы вернуться в то же место.

Есть идеи, как это сделать? Я пытался сделать это в течение нескольких дней и не могу получить какой-либо код, чтобы сохранить местоположение курсора