5

以下功能是 Chrome 中的错误,还是我不理解的正确行为?

在 Chrome(第 25 版)中,如果我有一个内容可编辑跨度,其后通过 :after css 类添加了一个节点,就像在这个 jsfiddle

http://jsfiddle.net/yQBvn/

如果我删除了跨度的所有内容,在我删除最后一个字符之后,Chrome 会<br>在内容可编辑跨度中添加一个。这感觉不对。

如果没有添加 :after css 内容,我已经验证 Chrome 不会执行此操作,并且我已验证 Firefox 在任何情况下都不会执行此操作。

4

2 回答 2

4

想看一些疯狂的东西吗?!

http://jsfiddle.net/joeframbach/VXMEN/

<body>
<div id="EDIT-AREA">
    <span class='CHARACTER-NAME' contenteditable='true'>Bob</span><span>&nbsp;</span>
</div>
</body>

在解决问题后添加一个带空格的跨度。不要问我为什么或如何。

于 2013-03-25T04:25:39.267 回答
0

Firefox 也使用带有 contenteditable 的 DIV 来执行此操作

删除内容可编辑和 bam br 标记中的所有内容。

从一个空的 CE 开始,聚焦和命中空间,bam br

上面直接在 div 之后使用空元素的解决方案什么都不做,有或没有像 :after 这样的伪元素。

跨度有效吗?

铬未经测试。

于 2013-09-24T09:45:51.817 回答