javascript - drag drop com touchscreen

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

Curtir t�pico + 0

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

Gostei + 0