드래그하는 동안 HTML5 드래그 가능 요소의 "복제본"텍스트 변경

Question

HTML5 드래그 가능 요소의 복제본 (드래그를 시작할 때 나타나는 것으로 드래그를 끝낼 때까지 계속 표시됨)의 텍스트를 다른 것과 다르게 설정하려고합니다. 드래그 할 때 텍스트 노드.

이 예제를 생각해 봅시다 : event.originalEvent.dataTransfer.setData()를 통해 http://jsfiddle.net/dwpLzuh5/ 내가 데이터/텍스트를 설정합니다 (영감을 인터넷에 다른 예를 사용하여) 시도했습니다

는 "드래그"에을 "복제"요소의 텍스트를 변경 희망 그러나 아무것도 일어나지 않는 것처럼 보인다.

내가 잘못했거나 단순히 가능하지 않습니까?

Answer 1

jsfiddle을 약간 변경하여 제대로 작동하도록했습니다. 확인해보십시오. 방금 함수에 $ (this)를 보냈습니다. 텍스트를 다시 정상으로 재설정하려면 같은 작업을 수행하고 반대 작업을 수행하십시오.

function startTheDrag(e){ 
    console.log('dragging'); 

    e.text("dragging"); 
}; 

$(".draggable").on('dragstart', function(){ 
    startTheDrag($(this)); 
}); 

http://jsfiddle.net/dwpLzuh5/1/