我已经开发了一段时间的web-ui,现在变得非常复杂。在某个地方,我使用<div contenteditable="true">
来编辑文本,FireFox中有一个错误,我无法追查:
当div中有一些文本时,我用鼠标点击更改光标位置,它不起作用。光标始终位于文本的末尾。它在其他浏览器中工作正常,您可以使用箭头键在FF中更改光标。
我在FireFox中测试了一个带有单个元素<div contenteditable="true">
的简单html页面,它工作正常,但在我的系统上不起作用。显然,有一些东西会阻止它。
可能出现什么问题?
谢谢!
答案 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