image - 使用 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);
};