En primer lugar, soy nuevo con javascript, así que lo siento si suena estúpido jaja

Estoy tratando de escribir un código para crear un minijuego de arrastrar y soltar. Hasta ahora tengo un problema con la parte táctil del código. Cuando agregué la opción arrastrable (solo con el cursor) funcionó perfectamente. Pero traté de agregar un código táctil (para permitir que las personas en teléfonos o tabletas también lo usen) usando este tutorial: https://www.kirupa.com/html5/drag.htm .

Aunque tengo dos problemas:

• ¿Cómo activo eventos táctiles desplegables? Funciona con el mouse con el código a continuación, pero no puedo entender cómo hacer lo mismo y, por ejemplo, activar una alerta cuando soltamos con touchend.

   $('#lundi').droppable({ drop: handleDropEvent }) function handleDropEvent(event, ui) { var draggable = ui.draggable; alert('On a drop "' + draggable.attr('id') + '" sur moi !'); }

Probé Touch Punch pero no cambió nada, así que no sé si hice algo mal o si esto simplemente no funciona.

• ¿Por qué mi cursor no está oculto cuando arrastro un elemento con el mouse a pesar del: cursor activo: ninguno? Se oculta cuando hago clic en el contenedor, pero no cuando hago clic en el elemento y lo arrastro. Además, los cursores son "punteros" en todas partes de la página, mientras que deberían estar solo en el .yobi.

Puede ver el problema aquí: http://jsfiddle.net/uy0m5L8c/

¡Muchas gracias por su amable ayuda!