javascript - drag drop com touchscreen

JavaScript

28/04/2020

buenas,

tenho um código drag&drop e preciso que ele tambem funcione para dispositivos touchscreen
já li algumas coisas mas não consegui criar um código que utilize os comandos touch para mover as imagens

é uma atividade de carregar uma imagem para cima da sua sombra e substitui a sombra pela imagem original
abaixo meu código para pc q funciona perfeitamente

var dataId;
var contador = 0;
var x;
var i;

function carregarErros() {
    localStorage.erros = Number(erros);
}

document.addEventListener("dragstart", function (event) {
    event.dataTransfer.setData("text", event.target.id);
    dataId = event.dataTransfer.getData("text");
});

document.addEventListener("dragover", function (event) {
    event.preventDefault();
    event.dataTransfer.dropEffect = "move";
});

document.addEventListener("drop", function (event) {
    event.preventDefault();
    if (contador === 0 && event.target.id === dataId) {
        event.target.parentNode.appendChild(document.getElementById(dataId));
        event.target.style.display = "none";
        document.getElementById('proximo').style.display = "inline";
    } else if (event.target.id === dataId) {
        event.target.parentNode.appendChild(document.getElementById(dataId));
        event.target.style.display = "none";
        contador++;

    } else {
        erros++;
    }
});



se alguem tiver um codigo de arrastar imagens via touchscreen eu adapto as minhas necessidades
pois não tive exito em carregar imagens pela tag img via touchscreen
Lonzetti

Lonzetti

Curtidas 0

Respostas

Allan

Allan

28/04/2020

Lonzetti, para mobile, você tem o evento 
touchstart



document.addEventListener("dragstart", function (event) {
    event.dataTransfer.setData("text", event.target.id);
    dataId = event.dataTransfer.getData("text");
});
GOSTEI 0
POSTAR