无法在FF中通过单击div contenteditable更改光标位置

Question

我一直在开发一个网页UI，现在已经变得相当复杂。在某个地方，我使用一个<div contenteditable="true">来编辑文本，在FireFox中存在一个我无法追踪的错误：

当这个div里面有一些文本时，我用鼠标点击更改光标位置，但是没有效果。光标总是停留在文本的结尾。在其他浏览器中可以正常工作，并且你可以使用箭头键在FF中更改光标。

我在FireFox中测试了一个简单的html页面，其中只有一个<div contenteditable="true">元素，它可以正常工作，但在我的系统上却不能。显然，有些东西阻止了它的工作。

可能的问题是什么？

谢谢！

- Michael Zelensky

Answer 1

我曾经遇到过同样的问题，最终发现问题出在我的CSS方面。我原来写的是：

-moz-user-select: none;

在我的contenteditable的父元素上应用了一些东西导致了问题。

在我应用以下内容后，它正常工作：

-moz-user-select: element;

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

- robsi

Answer 2

对我来说它没有起作用，因为父div实现了拖放，并且影响所有带有contenteditable的输入字段、文本区域和div。

我还没有找到解决方法，但是Firefox已经有了正确提示的Bug Ticket。

这是一个链接到该bug的链接： https://bugzilla.mozilla.org/show_bug.cgi?id=419808#c4

以下是解决此问题的方法： 使用HTML5拖放防止拖动事件干扰Firefox中的输入元素

- sanyooh