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;

    ...

}

不是你想要的完整解決方案，我希望其他人可以為移動設備的拖放框架提供一些啟示，但這是一個開始！ 希望這可以幫助！