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