javascript - 为什么我的光标没有聚焦在聚焦元件上？

我有一个可编辑的主体，其中，当用户按下“输入”时，新的段落元素将附加到该主体元素的子元素中。然后将重点放在新的段落元素上。但是，光标不会自动移至文本的末尾，而是会消失。为什么是这样？

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();

参见：https://codesandbox.io/s/wandering-glade-qsjlo

关于javascript - 为什么我的光标没有聚焦在聚焦元件上？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59091915/