firefox - 无法通过单击 FF 中的 div contenteditable 来更改光标位置

Question

我开发网络用户界面已经有一段时间了，现在它变得相当复杂。在某个地方我使用<div contenteditable="true">用于编辑文本，FireFox 中有一个错误，我无法追踪:

当div中有一些文本时，我用鼠标单击来更改光标位置，它不起作用。光标始终位于文本末尾。它在其他浏览器中工作正常，您可以使用箭头键在 FF 中更改光标。

我测试了一个带有单个元素的简单 html 页面 <div contenteditable="true">在 FireFox 中，它工作正常，但在我的系统上不起作用。显然，有东西阻碍了它。

可能出现什么问题？

谢谢!

Answer 1

我也遇到了同样的问题，最后发现我的问题是 CSS 造成的。我有:

-moz-user-select: none;

在导致问题的 contenteditable 的父元素上。

我申请后效果很好:

-moz-user-select: element;

注意:根据您想要的选择行为，选择用户选择值 ( https://developer.mozilla.org/en-US/docs/Web/CSS/user-select )