Firefox 光标不可见，单击其他任何内容时变为可见

Question

我遇到了我遇到过的最奇怪的错误，而且我在这个问题上已经快没智慧了。任何对如何调试这个(或任何聪明的解决方法)有想法的人都会很棒。

问题:

我正在使用 contenteditable 在 Firefox 中制作一个简单的 WYSIWYG 编辑器。当我通过ajax加载要编辑的文本时出现问题。在加载之前，光标看起来很好(一瞬间)，一旦文本加载它就会消失。您仍然可以输入文本，并且光标肯定仍然“在那里”(状态框显示当前行/列就好了)，但是光标不可见并且选择叠加层不会出现。

这就是真正奇怪的原因:单击任何地方、任何其他 dom 元素、 Firebug ，甚至是另一个窗口——使光标返回并表现正常。事实上，光标出现问题的唯一时间是在最初加载页面或刷新时。单击 contentedtiable div 内的任何地方都不能修复它——您必须在外面单击才能刷新。

现在，我只需要一个解决方法。我已经尝试了 500 种 $(someelement).click 或 $(somelement).focus，但它们并没有完全复制用户的“实际”点击。

有没有人见过这样的事情？谢谢。

Answer 1

好吧，我没有找出导致问题的原因，但我发现一个快速而肮脏的修复方法可以解决问题。我只是将一个 anchor 标记附加到 DOM，将其聚焦(使用 jQuery .focus)，然后将其删除。

我之前尝试过 .focus 很多次，但我总是在 div 或 li 元素上尝试它，这并没有奏效。它需要是一个 anchor 标签。我怀疑这是因为 anchor 标签实际上有一些可见的组件到它的焦点，它重置了 Firefox 内部光标显示机制中的某些内容。

无论哪种方式，如果您试图解决这样的问题而这不能解决问题，请查看 MorganTiley 的解释——这可能会给您一些很好的线索。