2012-12-22 59 views
2

我正在構建一個jQuery Mobile應用程序,我需要一種方法來在滑動事件中跟蹤用戶的手指移動。我發現jGestures,它似乎在swipemove事件中提供了此功能,但我希望不必導入另一個庫。 jQuery Mobile swipe事件是否返回這種信息?如何檢測jQuery Mobile中的滑動位置

回答

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'); 
}); 

V事件如vmousedown只能用鼠標工作,而觸摸事件可以在觸摸設備(iPad,Android ...)上工作。

+0

非常酷!謝謝! –

+0

這是否需要任何資源來收聽這些事件?或者,它更重要的是什麼樣的功能與事件綁定? – thatsIT

+0

這太好了。保存了我的一天。請從'.live'更新爲'.on' – krummens