javascript - drag drop com touchscreen

28/04/2020

3

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
Responder

Posts

29/05/2020

Allan

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");
});
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar