我尝试使用
HTML5在
Android浏览器中实现简单的拖放操作.当我尝试拖动对象时,只有屏幕滚动,我无法拖动任何内容.有没有办法做到这一点?
HTML在这里:
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>
解决方法
Android浏览器不支持HTML5 Drag& Drop:
http://caniuse.com/#search=drag
http://caniuse.com/#search=drag
您可以使用第三方js库来模拟,
像jquery ui
但你必须添加一个插件才能在移动设备上拖放
这个jquery ui插件在Android浏览器上运行得很好:
http://touchpunch.furf.com/
玩得开心