html5中div的拖放在dragstart上显示为透明

时间:2019-06-12 01:40:23

标签: javascript html drag-and-drop appearance

是否有任何方法可以控制拖放的外观。我通过以下链接通过克隆div来实现

https://kryogenix.org/code/browser/custom-drag-image.html

代码如下:

elemDragStart(event) {
    event.dataTransfer.effectAllowed = 'move';
    var crtElem = event.currentTarget.cloneNode(true);
    crtElem.style.backgroundColor = "red";
    crtElem.style.position = "absolute";
    crtElem.style.left = (event.currentTarget.offsetLeft) + "px";
    crtElem.style.top = (event.currentTarget.offsetTop) + "px";

    document.body.appendChild(this.crtElem);
    event.dataTransfer.setDragImage(this.crtElem, 0, 0);
    event.dataTransfer.setData('text/html', event.currentTarget.innerHTML);
    event.dataTransfer.setDragImage(event.currentTarget, 0, 0);
}

但是它显示如下:

enter image description here

我不知道我在做什么错。

0 个答案:

没有答案