For JavaScript drag and drop for touch devices, you can use jQuery UI Touch Punch or Drag and Drop Touch.
A lot of different events are used to successfully perform drag and drop,
There are a number of different events to attach to for monitoring the entire drag and drop process −
- dragstart
- drag
- dragenter
- dragleave
- dragover
- drop
- dragend
To make an object draggable, set a draggable=true attribute on the element you want to drag. The attach dragstart event handlers.
Use the dragenter, dragover and dragleave event handlers also.