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

时间:2014-08-11 12:47:29

标签: firefox contenteditable

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

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

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

可能出现什么问题?

谢谢!

2 个答案:

答案 0 :(得分:3)

我有同样的问题,最后发现我的案例中的问题是CSS明智的。我有:

-moz-user-select: none;

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

申请后效果很好:

-moz-user-select: element;

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

答案 1 :(得分:0)

对我来说它没有用,因为在父div上是一个拖累和放大器。放下实施。它会影响所有输入字段,textareas和div,并且具有满足感。

我还没有找到它的解决方案但是已经有一个针对Firefox的Bug Ticket,正确的提示是draggable会产生问题。

以下是该错误的链接: https://bugzilla.mozilla.org/show_bug.cgi?id=419808#c4

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

相关问题