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

Question

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

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

我尝试(使用互联网上的其他示例作为灵感)通过 event.originalEvent.dataTransfer.setData() 设置数据/文本，希望将“克隆”元素文本更改为“拖”，但似乎什么也没发生。

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

Answer 1

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

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

    e.text("dragging");
};

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

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