Javascript 为什么我的游标不关注焦点元素？

我有一个可编辑的main，当用户按下“enter”时，一个新的段落元素被附加到这个main元素的子元素。然后重点讨论新的段落元素。但是，光标不会自动移动到文本的末尾，它会消失。为什么会这样

let m=document.getElementById('textEdit');
    function buttonClick(e){
  if (e.keyCode=="13"){
    e.preventDefault();
    let p=document.createElement("p");
    m.appendChild(p);
    p.tabIndex="-1";
    p.contentEditable='true';
    p.textContent="p";
    p.focus();
}
}

---

将此添加到

p.focus

之后：

 document.execCommand('selectAll', false, null);
 document.getSelection().collapseToEnd();

见：