Witam,
napisałem prostą aplikację w której łapie kwadracik(mousedown), następnie za pomocą myszy mogę go przesuwać po ekranie. Wszystko działa ok, tylko za każdym razem jak przesunę kwadracik to prawie błyskawicznie wraca on na swoje miejsce wejściowe, tak jakby reakcja na brak ruchu. W jaki sposób wyeliminować ten błąd?
const Sqr = document.getElementById('square');
const Board = document.querySelector('.board');
let gora;
let lewo;
let isMoving = false;
function zlap() {
isMoving = true;
}
function ruszaj(e) {
if (isMoving == true) {
gora = e.offsetY;
lewo = e.offsetX;
Sqr.style.top = gora + 'px';
Sqr.style.left = lewo + 'px';
}
}
Sqr.addEventListener('mousedown', zlap);
Board.addEventListener('mousemove', ruszaj);
window.addEventListener('mouseup', function (e) {
if (isMoving == true) {
gora = e.offsetY;
lewo = e.offsetX;
Sqr.style.top = gora + 'px';
Sqr.style.left = lewo + 'px';
isMoving = false;
}
})
</script>```