방지 드래그 = 거짓 래퍼 파이어 폭스 사용

Question

이 코드를 부여, (다른 특정 솔루션을 필요로 할 수있는 다른 브라우저를 그냥 파이어 폭스를 찾고있어 순간을 위해) :

<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인데 끌리지 않을 것입니다.