HTML5 Drag and Drop in Android

Question

I tried to implement simple drag and drop in an Android browser using HTML5. When I try to drag an object, only the screen scrolls, and I cannot drag it. Is there any way to do this?

HTML is here:

For drag: <div id="an-obj-12" draggable="true" ondragstart="drag(event)" dropzone="copy">42a</div> <div id="an-obj-13" draggable="true" ondragstart="drag(event)" dropzone="copy">4a</div> <div id="an-obj-14" draggable="true" ondragstart="drag(event)" dropzone="copy">14</div> For drop: <div id="an-obj-7" ondrop="drop(event,'12a^2')" ondragover="allowDrop(event)"></div> <div id="an-obj-8" ondrop="drop(event,'42a')" ondragover="allowDrop(event)"></div> <div id="an-obj-9" ondrop="drop(event,'4a')" ondragover="allowDrop(event)"></div> 

Answer 1

HTML5 Drag & Drop is not supported in Android browser: http://caniuse.com/#search=drag

You can use a third-party js library to emulate this, like jquery ui

but you have to add a plugin to enable drag & drop on your mobile device, this jquery ui plugin works fine in the Android browser: http://touchpunch.furf.com/

Good luck