如何在jQuery Mobile中检测滑动位置

Dav*_*nes 2 jquery swipe jquery-mobile

我正在构建一个jQuery Mobile应用程序,我需要一种在滑动事件期间跟踪用户手指移动的方法.我发现了jGestures,它似乎在他们的swipemove活动中提供了这个功能,但我希望不必导入另一个库.jQuery Mobile swipe事件是否会返回此类信息?

Gaj*_*res 6

它只能通过jQM完成.我为你创建了一个例子:http://jsfiddle.net/Gajotres/cnuGy/.我已在Windows Firefox,Android 4.1堆栈浏览器和iPad中测试过它.

$('#index').on('touchstart vmousedown', function(){
    $('#start').val('Touch start');
})

$('#index').on('touchmove vmousemove', function(event){
    $('#move-x').val(event.pageX);
    $('#move-y').val(event.pageY);
})

$('#index').on('touchend vmouseup', function(){
    $('#end').val('Touch end');
});
Run Code Online (Sandbox Code Playgroud)

Vmousedown等V事件仅适用于鼠标,触摸事件适用于触控设备(iPad,Android ......).