是否有任何支持拖放触摸设备?

时间:2013-08-13 16:07:10

标签: javascript html5 drag-and-drop

W3C spec未明确使用“触摸”一词。

This是互联网上的热门答案,但

手动将触摸事件转换为鼠标事件不起作用(或者太复杂+在将来的浏览器中会中断)。请参阅下面的代码作为示例:

myDragElement.on("touchstart", function (e) {
    e.preventDefault();
    drag.trigger("dragstart");
});
myDragElement.on("touchmove", function (e) {
    drag.trigger("mousemove", e.originalEvent); // what event to send to .trigger? does it even matter?
});

在触控设备上实现拖放的最原生方式是什么?我可以手动编写代码或找到插件,但原生解决方案会很好。

2 个答案:

答案 0 :(得分:1)

我有一些滑块,他们需要控制触摸,拖动等,但是其中一些在触摸设备上无法正常工作,因为他们只使用HTML 5中的本机事件。我找到了有用的插件处理这件事。

试试吧

http://eightmedia.github.io/hammer.js/

GitHub Wiki

源代码已包含演示,以了解在触控设备上运行时会发生什么事件

答案 1 :(得分:0)

我成功使用了jQuery的HTML5拖放功能以及Touch Punch。感谢roman m推荐它。 https://stackoverflow.com/a/16865205/705483