2012-06-25 30 views
1

周圍的圖像在Firefox中CONTENTEDITABLE區域,有時圖像將最終被選中是這樣的:下降後選擇火狐CONTENTEDITABLE圖像 - 如果您拖動和拖放不能刪除選擇

Selected image

小提琴在這裏:http://jsfiddle.net/zupa/qg5Qh/

您可能需要拖放幾次,我有這樣的錯誤在20 +%的時間。

我使用的Windows 7

火狐13.0.1如何刪除該選擇?任何幫助表示讚賞。

PS:

  • 它不能作爲通過document.getselection().getRangeAt(..)
  • 一系列Firefox不添加任何HTML屬性,還是如果我打救(定製CMS),並在CONTENTEDITABLE模式重新加載頁面,選擇回來。似乎是一個惱人的錯誤。
+0

我不能複製這個。 –

+0

你使用什麼平臺? 我也創建了一個演示視頻:http://youtu.be/dXCWjjJ1HGY(我有13%的錯誤率) – zupa

+0

複製在Windows XP Firefox 13.0.1以及(接近50%的錯誤率) – zupa

回答

3

當圖像位於Firefox標記爲拼寫錯誤的單詞內時,它可靠地執行此操作。例如,下面是您的jsFiddle,圖像移動到單詞「Lorem」的中間:http://jsfiddle.net/timdown/qg5Qh/1/

這似乎與應用於拼寫錯誤的單詞的樣式有關。將「Lorem」添加到瀏覽器的字典中,圖像樣式消失。

您可以使用spellcheck屬性關閉拼寫檢查。從what I can gather開始,您必須在Firefox的<body>級別執行此操作,因爲它似乎無法像textareas那樣在單個可用元素上工作。

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

+0

我很驚訝,你發現這一點。哇。謝謝蒂姆! – zupa