Перетаскивание div в html5 отображается прозрачным при dragstart - PullRequest
Новая
       17

Перетаскивание div в html5 отображается прозрачным при dragstart

0 голосов
/ 12 июня 2019

Есть ли способ контролировать внешний вид перетаскивания.Я прошел по следующей ссылке, чтобы достичь путем клонирования 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

Я не знаю, что я делаю здесь неправильно.

...