在觸摸屏設備上使用拖拽事件來模仿jquery.mousemove

Question

我正在通過拖動div元素來模仿mousemove在觸摸屏設備上的用法。

到目前爲止，它在桌面上效果很好（你可以在這裏看到它 - http://jsfiddle.net/5DjPw/），但是在使用mousemove的Mobile上，它只是跳到你點擊屏幕的地方，拖動什麼都不做。

我試過使用touchmove，它的作品略微但它不是一個堅實的運動。我不得不放鬆和拖拽，而不是一個堅實的運動。

jQuery(".slidswap_moused_over").on('touchmove',function(e){ 
     e.preventDefault(); 
     var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; 
     var elm = $(this).offset(); 
     var x = touch.pageX - elm.left; 
     var y = touch.pageY - elm.top; 
     jQuery(".slidswap_left_image", this).css({ "width": x }); 
     jQuery('.slidswap_drag_message', this).css({ "opacity": 0 }); 
}); 

任何幫助將非常感激。

謝謝！

Answer 1

最後，我使用Touch Punch和可調整大小的jQuery調用的組合來模擬此操作，僅在移動/平板電腦上提供javascript。

移動腳本的代碼在這裏。

jQuery(".slidswap_left_image").resizable({ 
    containment: '.slidswap_image_wrapper', 
    handles: "e, w" 
}); 

非常感謝肖恩·瓊斯對他的幫助:)