JavaScript 拖放在 iPad 上不起作用答案

【问题标题】：JavaScript Drag and Drop not working on iPadJavaScript 拖放在 iPad 上不起作用
【发布时间】：2014-02-22 18:41:00
【问题描述】：

我有这个拖放代码，除了在 iPad 上运行良好，任何人都可以给出任何理由吗？

它似乎无法识别它可以被拖动而不是其他任何东西的事实

JS Fiddle

<span class="draggable" id="drag1" draggable="true" ondragstart="drag(event)">drag</span>
<span class="draggable" id="drag2" draggable="true" ondragstart="drag(event)">drop</span>
<br />
This is a sample 
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
and 
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
sentence.

JavaScript：

function allowDrop(ev){
        ev.preventDefault();
      }
      function drag(ev){
        ev.dataTransfer.setData("Text",ev.target.id);
      }
      function drop(ev){
        ev.preventDefault();
        var data=ev.dataTransfer.getData("Text");
        ev.target.parentNode.replaceChild(document.getElementById(data), ev.target);
        document.getElementById(data).className = "";
      }

【问题讨论】：

标签： javascript html ipad drag-and-drop touch

【解决方案1】：

您的问题是大多数移动浏览器不支持 HTML5 中的“拖放”功能（带有一点 JavaScript）。 Click here 获取支持的列表。

我建议使用支持所有移动浏览器的替代方法。更多解释请参见此评论：https://stackoverflow.com/a/9547931/2482557

这可能是您想要调查的内容：jQuery UI Touch Punch

【讨论】：