插入节点并写入内部

Question

我有一个内容可编辑的div，我想将其内容包装到span中。

我有一个在div焦点上调用的函数：

focusOnCommentInput(event: any) {
    let element = document.getElementById(event.target.id);
    if(event.target.textContent.trim().length === 0){
        event.target.innerHTML = '';
        let range = document.createRange();
        range.selectNodeContents(element);
        let selection = window.getSelection();
        let textNode = document.createElement('span');
        range.insertNode(textNode);
        selection.addRange(range);
    }
}

现在实际上已插入span，但插入符不在其中移动

如何关注跨度？