javascript - 在移动浏览器中拖放

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 10 年前。

所以我最近发现原生拖放实际上是由 IE5 引入的(我之前以为这是一个更新的添加，并且仅在 IE9 中......大错特错了!)

无论如何，我已经在一组元素上实现了拖放，但我很快发现移动设备似乎不支持拖放事件。

我对 Touch 事件了解不多，而且我能找到的关于它们的信息非常令人困惑。

是否有可能我只是在拖放方面做错了什么，或者有人可以向我指出一个可以理解的触摸事件介绍吗？

Answer 1

我知道您不喜欢使用 jQuery。以下资源可能会帮助您在不使用 jQuery 的情况下处理触摸事件。

<强>1。 W3C

http://www.w3.org/TR/touch-events/#dfn-touch-point

W3C 于 2011 年 12 月 15 日发布了候选建议“触摸事件版本 1”。在此建议中提到了 4 种类型的触摸事件。

touchstart event
touchend event
touchmove event
touchcancel event

<强>2。 Mozilla 开发者网络

https://developer.mozilla.org/en-US/docs/DOM/Touch_events

在 Mozilla 开发者网络上，您可以看到“触摸事件”的定义和处理触摸事件的示例代码。

function startup() {
  var el = document.getElementsByTagName("canvas")[0];
  el.addEventListener("touchstart", handleStart, false);
  el.addEventListener("touchend", handleEnd, false);
  el.addEventListener("touchcancel", handleCancel, false);
  el.addEventListener("touchleave", handleLeave, false);
  el.addEventListener("touchmove", handleMove, false);
}

<强>3。 iOS 开发者库

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5

Apple 的文档可能会帮助您了解 iOS 上的“支持的事件”。

<强>4。 HTML5 ROCKS 教程

http://www.html5rocks.com/en/mobile/touch/

文章“MULTI-TOUCH WEB DEVELOPMENT”展示了一个没有 jQuery 的有用示例代码。