HTML/JS 拖放内容适用于笔记本电脑版本，但不适用于移动视图答案

【问题标题】：HTML/JS Drag and drop content works in laptop version but doesn't in mobile viewHTML/JS 拖放内容适用于笔记本电脑版本，但不适用于移动视图
【发布时间】：2017-02-18 11:29:27
【问题描述】：

我有这个内容拖放脚本，我使用它在执行时将一些值提交到 php 页面。它在系统上就像魅力一样，但是当我在移动设备中打开页面时，它确实被拖动了。

代码如下::

<html>
<head>
<script>
/* Event fired on the drag target */
function dragStart(event) {
  event.dataTransfer.setData("Text", event.target.id);   
}

/* Events fired on the drop target */
function allowDrop(event) {
  event.preventDefault();
}

function drop(event) {
  event.preventDefault();
  var data = event.dataTransfer.getData("Text");
  event.target.appendChild(document.getElementById(data));
  document.getElementById("submit").submit();
}
</script>
</head>
<body>
<form action="page1.php" method="post" id="submit"></form>

<ul class="link">                       
     <li ondragstart="dragStart(event)" draggable="true" id="dragtarget">500/</li>
</ul>

<div class="rect2" ondrop="drop(event)" ondragover="allowDrop(event)">
     <span class="amnt"> value here </span>
</div>

</body>
</html>

现在它在电脑上可以正常工作，但在移动版中它不会被拖累...\

【问题讨论】：

html5 drag and drop FOR MOBILE的可能重复

标签： javascript html

【解决方案1】：

默认情况下，您应该使用触摸事件。

但是，如果您包含this shim，您似乎可以在不修改代码的情况下在移动设备上获取拖放事件。

【讨论】：

所以，如果我只是将该代码的新 js 包含在我的 html 中，它会做吗？
我用你的代码试过了，它似乎只需要包含那个脚本就可以工作。
该解决方案有效，但是，它带来了一个问题，例如，我在同一页面中有多个图像，这些图像具有指向它们的其他页面的链接，但是在添加此脚本后，图像上的链接是不工作..你能检查一下那个吗，...