boa tarde,
tenho um código de drag drop que funciona direito para o que preciso, isso pelo PC
agora quero fazer esse código funcionar nos Tables/Mobiles, mas não estou conseguindo, já li vários sites, ja pesquisei e usei os elementos touchstart touchmove…
consegui fazer uma movimentação usando o touchmove mas dentro de um canvas, só movimentei desenho feito pelo canvas
o que preciso é movimentar imagens que ficam na tag img
desde já, agradeço a ajuda
meu código de drag drop do PC:
var dataId;
var contador = 0;
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("dragend", function (event) {
event.preventDefault();
});
document.addEventListener("dragenter", function (event) {
});
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++;
}
});