javascript - 无法将光标移动到空 p 标签

Question

好的，这个问题让我发疯了。

我正在实现内容可编辑 div 中输入键的功能。当用户按下回车键时，我创建一个新的 p 标记并将其附加到文档中的位置，或者如果用户在段落中间按下回车键，则拆分节点。一切正常，但是我发现了这个问题。

如果当用户在输入后键入他的第一个字母时我附加一个空的 p 标签而不在其中添加内容，则光标不会移动到这个 p 标签。但是，如果我添加一个空格 就可以了。显然，我不想每次添加新段落时都添加空格。

我试图通过添加一个字符来解决这个问题，比如“A”，然后将光标移动到那里并删除“A”。但是，它仍然是同样的问题。

有什么想法为什么会发生这种情况，我该怎么做才能解决？

编辑：我试图通过 css 隐藏第一个字母，visibility:hidden但是 p 标签被完全忽略了！

score -1 · Accepted Answer

为您的元素添加宽度和高度并将显示属性更改为块或内联块

p {
    display: inline-block;
    width: 10px;  
    height: 10px;
}

1 回答 1