Html 双击以选择contenteditable元素中的文本，但未按预期工作

我希望contenteditable div的行为与普通输入框相同

当您双击输入框时，它将选择鼠标所在的单词，或者如果鼠标位于文本右侧，它将选择最后一个单词

当使用“contenteditable=true”的元素时，如果双击单词，效果相同，但如果双击单词右侧，则不会按预期选择最后一个单词

但是，如果它是最后一个元素，则它的工作原理与输入相同，并选择最后一个单词。。算了吧

示例-

内容可编辑分区
内容可编辑分区
内容可编辑分区

顶部的输入工作正常

最后一个contenteditable的作品也很好

但其他人都没有

如果我在底部放置一个空div，那么最后一个contenteditable将停止工作

这是一个bug，还是这样设计的？ 还是我遗漏了什么

---

谢谢

实际上，如果你在div:D之间单击，其他的也可以工作，但它不能回答你的问题…如果你在div之后，在div的右边，在div之外单击，它也可以工作。你在使用哪个浏览器？在chrome/safari上，它似乎不工作。我在Firefox上有这个功能。哦，是的，奇怪。在firefox的最后一个版本上，它甚至都不起作用

<input value="normal input">
<div contenteditable=true spellcheck="false">contenteditable div</div>
<div contenteditable=true spellcheck="false">contenteditable div</div>
<div contenteditable=true spellcheck="false">contenteditable div</div>