HTML5 Drag and drop

1. Set elements to drag and drop first

2. Drag the element whose EV is dragged

ID of the Ev.target.id element

Where to put it?

function AllowDrop (EV)
{
Ev.preventdefault ();
}

function drag (EV)

{Ev.datatransfer. setData ("Text", ev.target.id);}
3. Where to place

function Drop (EV) {ev.preventdefault ();  If you need to set allow placement, we must block the default handling of elements. var data=ev.datatransfer. getData ("Text"); //This gets an ID ofev.target.appendChild (document.getElementById (data)); //Put inside the element that can be placed to make it hischild}

HTML5 Drag and drop