Смена курсора с grab на grabbing
#raz {
position: relative;
height: 5em;
border: 1px solid #aaaaaa;
}
#dragMy {
position: absolute;
width: 2em;
height: 2em;
background: red;
cursor: grab;
}
#dragMy:active {
cursor: grabbing;
}
var raz = document.getElementById('raz'),
dragMy = document.getElementById('dragMy');
raz.addEventListener("drop", drop);
raz.addEventListener("dragover", allowDrop);
dragMy.addEventListener("dragstart", drag);
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text/html", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text/html"),
id=document.getElementById(data),
x = ev.offsetX==undefined?ev.layerX:ev.offsetX,
y = ev.offsetY==undefined?ev.layerY:ev.offsetY;
ev.target.appendChild(id);
id.style.left = x + 'px';
id.style.top = y + 'px';
}
Комментариев нет: