требуется сделать подвижными для пользователя несколько элементов div (с помощью drag and drop) , сейчас у меня получается сделать подвижным только 1 элемент div . вот код :
var ball = document.getElementById('ball');
ball.onmousedown = function(e) {
ball.style.position = 'absolute';
moveAt(e);
document.body.appendChild(ball);
ball.style.zIndex = 1000;
function moveAt(e) {
ball.style.left = e.pageX - ball.offsetWidth / 2 + 'px';
ball.style.top = e.pageY - ball.offsetHeight / 2 + 'px';
}
document.onmousemove = function(e) {
moveAt(e);
}
ball.onmouseup = function() {
document.onmousemove = null;
ball.onmouseup = null;
}
}
ball.ondragstart = function() {
return false;
};
#ball {
width: 200px;
height: 200px;
background-color: #465bfa;
position: absolute;
}
<div draggable="true" id="ball"></div>