防止ドラッグ= falseのラッパーFirefoxの使用

Question

このコードを与え、（、他の特定のソリューションを必要とするかもしれない他のブラウザを私はFirefoxを探してる瞬間のために）：

<p contentEditable="true" > 
    Some text in the content ... 
    <span contentEditable="false" style="border:1px dotted gray">-not editable <img src="test.jpg"> end-</span> 
    and some more text after it 
</p> 

の場合ユーザーは、すべてのスパンが、選択して正しくコンテンツの周りドラッグされたテキストを開始することにより、編集不可能な部分をドラッグしようとしますが、彼は画像に代わりにクリックした場合、そのスパンは、その位置のままで、画像のコピー（折り返しスパン付き）がドロップスポットにドラッグされます。 dragstartイベントを使用して

ターゲットはイメージですが、場合、私は、イベントを停止することができます：それは正しくドラッグですので、全体のスパンを選択する方法はありますか？

DOMを使用してノードを選択する方法ではなく、開始点が画像であるか作成時にブロックされずにドラッグ&が完全なエンティティのように機能するようにする方法イメージのコピー。

Answer 1

誰かが答えたが、その後の答えを削除（または私はそれを夢見ている場合があります）が、その答えは、zインデックスを使用していることである：それはドラッグできません画像に-1。