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

【问题标题】：Can't change cursor position by click in div contenteditable in FF无法通过在 FF 中的 div contenteditable 中单击来更改光标位置
【发布时间】：2014-08-11 12:47:29
【问题描述】：

我开发 web-ui 已经有一段时间了，现在它变得相当复杂。在某个地方，我使用<div contenteditable="true"> 来编辑文本，FireFox 中有一个错误，我无法追查：

当 div 中有一些文本时，我用鼠标单击以更改光标位置，它不起作用。光标总是在文本的末尾。它在其他浏览器中运行良好，您可以使用箭头键更改 FF 中的光标。

我在 FireFox 中测试了一个包含单个元素 <div contenteditable="true"> 的简单 html 页面，它运行良好，但在我的系统上无法运行。显然，有什么东西挡住了它。

可能是什么问题？

谢谢！

【问题讨论】：

标签： firefox contenteditable

【解决方案1】：

我遇到了同样的问题，最后发现我的问题是 CSS 方面的问题。我有：

-moz-user-select: none;

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

我申请后效果很好：

-moz-user-select: element;

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

【讨论】：

【解决方案2】：

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

我还没有找到解决方案，但已经有一个适用于 Firefox 的 Bug Ticket，其中正确提示可拖动会导致问题。

这里是错误的链接： https://bugzilla.mozilla.org/show_bug.cgi?id=419808#c4

以下是解决此问题的方法： Prevent drag event to interfere with input elements in Firefox using HTML5 drag/drop

【讨论】：