在触摸屏设备上模拟jquery.mousemove的拖动事件

在触摸屏设备上模拟jquery.mousemove的拖动事件,jquery,Jquery,我希望通过拖动一个div元素来模拟mousemove在触摸屏设备上的使用 到目前为止,它在桌面上工作得很好(你可以在这里看到-),但在移动设备上使用mousemove,它只会跳到你点击屏幕的地方,拖动什么也不做 我试过使用touchmove,它的效果稍微好一点,但它不是一个稳定的动作。我必须释放和拖动,而不是一个坚实的运动 jQuery(".slidswap_moused_over").on('touchmove',function(e){ e.preventDefault();

我希望通过拖动一个div元素来模拟mousemove在触摸屏设备上的使用

到目前为止,它在桌面上工作得很好(你可以在这里看到-),但在移动设备上使用mousemove,它只会跳到你点击屏幕的地方,拖动什么也不做

我试过使用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 });
}); 
任何帮助都将不胜感激


谢谢

最后,我结合使用和一个可调整大小的jQuery调用来模拟这一点,该调用只在移动/平板电脑上提供javascript

移动脚本的代码在这里

jQuery(".slidswap_left_image").resizable({
    containment: '.slidswap_image_wrapper',
    handles: "e, w"
});
非常感谢谢恩·琼斯的帮助:)