拖动时更改 HTML5 可拖动元素的 "clone" 的文本

Change text of HTML5 draggable element's "clone" while dragging

我正在尝试将 HTML5 可拖动元素的克隆文本(开始拖动时出现并持续到拖动结束的那个)设置为不同于其文本节点的文本拖.

考虑这个例子:http://jsfiddle.net/dwpLzuh5/

我尝试(使用互联网上的其他示例作为灵感)通过 event.originalEvent.dataTransfer.setData() 设置 data/text 希望将 "cloned" 元素文本更改为 "dragging" 但似乎什么也没发生。

我是做错了什么还是这根本不可能?

我稍微更改了您的 jsfiddle 以使其正常工作,请检查一下。我刚刚将 $(this) 发送到函数中。执行相同但相反的操作以将文本重置为正常。

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

    e.text("dragging");
};

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

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