@danyvasnafig

Почему не работает drag and drop?

Почему не работает? Вроде бы все верно тут?

window.onload = function () {
let field = document.getElementById('field')  
let activeElement;
let offX = 0;
let offY = 0;
let mDown = function(e) {   
    console.log(e.target);
    activeElement = e.target;    
    offY = e.offsetY;
    offX = e.offsetX;
};
let mUp = function(e) {
    activeElement = null;
};
let mMove = function(e) {
    if(activeElement) {        
        activeElement.style.top = (e.clientY - offY) + 'px';
        activeElement.style.left = (e.clientX - offX) + 'px';

    }

};

field.addEventListener('mousedown', mDown);
field.addEventListener('mouseup', mUp);
field.addEventListener('mousemove',mMove)
}
  • Вопрос задан
  • 151 просмотр
Решения вопроса 1
DaFive
@DaFive
activeElement.style.top = (e.clientY - offY) + 'px';
activeElement.style.left = (e.clientX - offX) + 'px';
activeElement.style.position="absolute"; //<<<< добавить, все работает


jsbin
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы