不能将光标移动到空p标签

Can't move cursor to empty p tag

本文关键字：标签 移动 光标 不能      更新时间：2023-09-26

这个问题快把我逼疯了。

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

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

我试图通过添加一个字符来解决这个问题，比如"a"，移动光标到那里，然后删除"a"。但是问题还是一样的。

有什么想法为什么会发生这种情况，我能做些什么来解决这个问题?

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

为<p />元素添加宽度和高度，并将显示属性更改为block或inline-block

p {
    display: inline-block;
    width: 10px;  
    height: 10px;
}
相关文章：