Estoy tratando de crear una aplicación de arrastrar y soltar usando Vanilla JS.
Example: https://codepen.io/dever52/pen/MWrJxrLSin embargo, esto solo funciona con un mouse. Entonces no puedo arrastrar el elemento en un dispositivo táctil.
Intenté usar el evento ontouchstart y ontouchend para poder usarlo en dispositivos táctiles, pero esto no funciona (vea los comentarios en el codepen) como se esperaba. ¿Hay alguna manera de hacer que esto funcione para dispositivos táctiles?
Tal vez esta respuesta pueda ayudarlo -> html5 arrastrar y soltar PARA MÓVIL
La mayoría de los dispositivos móviles no escuchan los eventos de arrastre que están vinculados al DOM. Recomendaría usar el evento touchmove y los eventos que lo acompañan. Se vería algo como:
Creo que estos detectores de eventos pueden ayudarte
var el = document.getElementById('drag'); el.addEventListener("touchstart", handleStart, false); el.addEventListener("touchend", handleEnd, false); el.addEventListener("touchcancel", handleCancel, false); el.addEventListener("touchleave", handleEnd, false); el.addEventListener("touchmove", handleMove, false);