Javascript 插入&；emsp；进入一个可编辑的div 我的问题

我正在尝试将选项卡（

&emsp；

）插入到可编辑的

内容中。我已经让它工作了一点，但它没有去我想去的地方（在光标上）。这也阻止了我再次使用标签，除非我在窗口中单击

期望结果
制表符应插入制表符
&emsp位于光标位置。我还应该能够继续进行选项卡切换，删除任何选择，并将其替换为选项卡
&esmp

代码
JSFIDLE工作得更好：


函数插入选项卡（）{
if（event.which==9）
{
event.preventDefault（）
let selection=window.getSelection（）
让text=selection.anchorNode.data
让我们开始=selection.anchorOffset
让结束=selection.focusOffset
设td=selection.anchorNode.parentNode
让移除=结束-开始
console.log（文本+“hi”）
console.log（选择）
text=text.split（）
text.splice（开始，删除“&emsp；”）
text=text.join（“”）
console.log（文本）
td.innerHTML=文本；
}
}
td{
边框：1px纯黑；
宽度：50px；
高度：50px；
}
可能的重复首先，不要将事件对象传递到函数中。