我只是想知道用于拖放的 HTML5 API 是否包含对触摸屏显示的支持。
我在考虑 iPhone，但我知道这还不支持。我想知道这是否只是 Apple 的一部分，以支持 Safari 移动设备上的 HTML5 拖放，但我也认为 HTML5 API 可能不够强大，但我非常怀疑这一点。
在标准的触摸屏笔记本电脑平板电脑或类似设备上怎么样，我没有，所以我无法测试，但我想包括支持，因为据我所知，该表格界面只是取代了鼠标控制，所以，就浏览器而言，最终用户实际上只是在使用鼠标。
有什么想法吗？
问问题
39173 次
3 回答
8
有一些在 WebKit（Chrome 和 Safari）中工作的原生 HTML5 事件......仅限移动版本。这些事件的名称是 touchstart、touchmove、touchend、touchcancel
使用触摸重新定位元素的示例是：
$(document).bind("touchstart", function(e) {
e.preventDefault();
var orig = e.originalEvent;
var x = orig.changedTouches[0].pageX;
var y = orig.changedTouches[0].pageY;
$("#element").css({top: y, left: x});
});
更多信息：https ://developer.apple.com/documentation/webkitjs/touchevent
顺便说一句，我更喜欢使用 webkit-transform（CSS 属性），因为它具有更好的性能。
于 2010-08-30T19:21:22.440 回答
7
老线程，但因为我有一些经验，但它仍然是一个问题，我会试一试......
触摸和拖放并不能很好地结合在一起。考虑到对于拖放，您有一个隐含的 mouse-down => mouse-move => mouse-up 事件序列。在触摸环境中，您不仅有标准的 touchstart、touchmove 和 touchend 事件，而且还有在各种平台上具有特定含义的实际手势。这些手势是触摸事件、它们的顺序和时间的组合。
那么如何使用触摸来拖动元素呢？通过捕获 touchstart 和 touchmove？不，由于胖手指问题，几乎每个触摸事件都有 touchstart 和 touchmove。你也可以有两个 touchstart，只有一个 touchmove，偶尔会出现脏屏幕。
捕获 touchstart 然后等待查看用户是否移动了一定距离怎么样？不，问题在于，当用户将手指移动 15 个像素（或任何距离）并且没有任何反应时，用户会看到“故障”，然后该元素突然卡到他的手指位置。正常的反应是抬起手指，在这种情况下会引发下降，这是错误的答案。
最后，试图开发一个界面，其中一些元素是静止的，而另一些元素可以，但不一定是，draggable 试图将桌面环境融入触摸设备。范式不适合。
最好查看各种触摸框架并使用内置手势。
于 2011-11-21T03:11:44.883 回答
3
遇到同样的问题，这里有几个免费的解决方案：
于 2013-05-31T20:12:35.767 回答