2015-01-10 3 views
0

드래그 앤 드롭을 사용하여 목록의 요소를 재정리하려고합니다 (순수 자바 스크립트). 드래그 작업 중에 "유령 요소"를 지정하고 싶습니다. 그 방법을 standartly 할 방법이 없다는 것을 읽었으므로 드래그 작업 중 원래 요소가 있어야하고 그 위치가 ondrag 이벤트 내에서 업데이트되는 위치에 정확하게 배치 된 중복 요소 (원하는대로 스타일이 지정됨)를 작성합니다.맞춤 드래그 앤 드롭 HTML5

이 중복 요소는 항상 커서 아래에 있으므로 다른 요소에서 dragover 이벤트 또는 dragenter 이벤트를 캡처하는 것은 불가능합니다. DOM에서 "duplicate"엘리먼트가 링크 된 곳이라면 항상 ondragover를 차단합니다. 중복 요소를 커서 아래로 이동 시키면 커서가 작동하지 않지만 원활한 복제 요소의 목적을 무효화합니다.

이 중복 요소가 어떻게 무시되어 하위 요소가 대신 ondragover 이벤트를 얻을 수 있습니까? 일반적으로 이벤트는 복제 요소가 링크 된 부모를 향한 거품을 일으 킵니다.

+0

당신은 지금까지 시도한 것을 보여주는 바이올린이나 코드 예제를 제공 할 수 있습니까? – scniro

+0

답장을 보내 주셔서 감사합니다. 벌써 일 해왔다. 그것은 개념 문제에 더 가깝습니다. 물론 내가 커서 아래에 요소를 놓으면 모든 이벤트가 발생합니다. 고맙게도 포인터 이벤트 css가이 문제를 해결합니다. –

답변

0

제대로 작동합니다. 그것의 클래스가있는 경우 그것은 (유령 요소는 이벤트를 차단하지 않습니다) 작동하는 것 같습니다 :

.duplicateGhostElementClass { 
    pointer-events: none; 
} 

아마도 누군가가 시간을 절약 할 수 있습니다.