删除后选择的Firefox contenteditable图像 - 无法删除选择

时间:2012-06-25 13:31:04

标签: javascript html5 firefox drag-and-drop contenteditable

如果您在知识区域中的Firefox中拖放图像,有时图像最终会被选中:

Selected image

在这里小提琴:http://jsfiddle.net/zupa/qg5Qh/

您可能需要拖放几次,我有20%以上的时间存在此错误。

我在Windows 7上使用Firefox 13.0.1

如何删除该选择?感谢任何帮助。

PS:

  • 它不能通过document.getselection().getRangeAt(..)
  • 作为范围使用
  • Firefox不添加任何HTML属性,如果我点击保存(自定义CMS),并以可信模式重新加载页面,则选择返回。似乎是一个烦人的错误。

1 个答案:

答案 0 :(得分:3)

当图像位于由Firefox标记为拼写错误的单词内时,它可靠地执行此操作。例如,这是你的jsFiddle,图像移到了“Lorem”这个词的中间:http://jsfiddle.net/timdown/qg5Qh/1/

这似乎与应用于拼写错误的单词的样式有关。将“Lorem”一词添加到浏览器的字典中,图像样式就会消失。

您可以使用spellcheck属性关闭拼写检查。从what I can gather开始,您必须在Firefox的<body>级别执行此操作,因为它似乎不能像单个textareas那样在单个contenteditable元素上工作。

演示:http://jsfiddle.net/timdown/qg5Qh/2/