使用HTML5拖放，如何在拖放区域上方更改拖动图像？

Question

所以这就是我想要做的。我希望能够拖动一个元素，并让它在拖放区域上方动态地将其默认拖动图像更改为不同的图像。

Answer 1

您可以使用dataTransfer.setDragImage方法设置拖动图像。它存在于所有拖动事件的事件对象中，包括dragover事件。

一些基本代码是：

dropElem.ondragover = function(e) {
    if (e.stopPropagation) {
        e.stopPropagation(); //Stops some browsers from redirecting.
    }
    var dragIcon = document.createElement('img');
    dragIcon.src = 'image.png';
    dragIcon.width = 100;
    e.dataTransfer.setDragImage(dragIcon, 0, 0);
};