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

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

我在 FireFox 中测试了一个包含单个元素 <div contenteditable="true"> 的简单 html 页面,它运行良好,但在我的系统上不起作用。显然,有什么东西可以阻止它。

什么是可能的问题?

谢谢!

最佳答案

我遇到了同样的问题,最后发现我的问题是 CSS 明智的。我有:

-moz-user-select: none;

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

我申请后效果很好:

-moz-user-select: element;

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

关于firefox - 无法通过在 FF 中的 div contenteditable 中单击来更改光标位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25243665/

10-12 15:17