如何将文本光标设置到 contenteditable span 输入的末尾

Question

我想在 span 内容可编辑的输入中附加一些文本。将文本附加到 span 时，文本光标将回到文本的第一个索引处。我想要的是在追加文本之后的文本末尾保留/设置文本光标。

如果您运行下面的代码片段，您将看到文本光标位于文本的第一个索引处。

let prevMsg = $('span#chatboxtextarea').text();
let tag_contact = "@Lim";
let inputMsg = prevMsg + tag_contact + " ";


$('span#chatboxtextarea').append(tag_contact).focus();

.chatboxtextarea {
  margin-top:5px;
  padding: 6px;
  border: 1px solid #ABABAB;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<span class="input chatboxtextarea" id="chatboxtextarea" name="chattxt" contenteditable onkeydown="inputKeyDown(event,this);" onkeyup="inputKeyUp(event,this);">Text</span>