JavaScript移动拖放

Question

我正在测试我使用jQuery UI draggable，droppable和sortable构建的接口，并注意到拖放在移动浏览器中不起作用。 我想有一种不同的方式可以在移动浏览器中触发事件。

还有任何JavaScript框架，支持拖放移动浏览器吗？

如果没有，关于如何组合一些基本的拖放功能的任何想法？

Answer 1

一个棘手的问题...我认为你已经非常突出了这个问题：触摸事件还没有与jQuery拖放功能集成，我不确定是否有拖拽库来定位移动设备范围。

我可以说你自己可以开始接触这些事件，但我不确定你是否愿意自己写这些事。 简单来说，检查移动设备然后附加事件可以这样实现：

if (navigator.userAgent.match(/iphone/i) ||
    navigator.userAgent.match(/ipad/i) ||
    navigator.userAgent.match(/ipod/i) ||
    navigator.userAgent.match(/android/i))
{
    var element = $('#your_draggable_element_id');
    element.bind('touchstart', touchStartFunctionHere);
    element.bind('touchmove', touchMoveFunctionHere);
    element.bind('touchend', touchEndFunctionHere);
}

这会让你对事件进行补丁，这可以让你控制下一步做什么。 你显然想要拖动移动，触摸等的位置，你可以从事件本身获得。 例如，基于以上代码：

function touchMoveFunctionHere(event)
{
    event.preventDefault();
    var x = event.originalEvent.touches[0].pageX;
    var y = event.originalEvent.touches[0].pageY;

    ...

}

不是你想要的完整解决方案，我希望其他人可以为移动设备的拖放框架提供一些启示，但这是一个开始！ 希望这可以帮助！