使用 PhoneGap 在 Android 和 iPhone 上的“touchmove”事件答案

【问题标题】："touchmove" event on Android &iPhone using PhoneGap使用 PhoneGap 在 Android 和 iPhone 上的“touchmove”事件
【发布时间】：2016-08-05 17:53:51
【问题描述】：

所以基本上，当有人在 iOS 或 Android 支持的触控设备的屏幕上滑动时，我希望能够获得触控的坐标。

到目前为止，我尝试做的事情如下。

$('element').bind("touchmove", function(e) {
    $(element2).html(e.pageX + "," + e.pageY);
}

另外，我已经尝试过使用“vmousemove”（jquery mobile 等价物，或者应该是），“mousemove”，但无济于事。我只得到初始触摸和结束触摸的坐标。

提前致谢

【问题讨论】：

标签： javascript android cordova mousemove touchmove

【解决方案1】：

iOS 和 Android 是多点触控设备。使用触摸事件处理交互：

https://developer.mozilla.org/en-US/docs/DOM/Touch_events

【讨论】：

准确地说，我尝试过使用“touchmove”，但回调函数只调用了两次......我使用的是 phonegap 2.3.0，这发生在 Android 4.0.1
是的，但是您没有正确处理事件 e。您应该使用 e.touches。它提供了一个 Touch 对象数组。另见：developer.apple.com/library/safari/#documentation/…

【解决方案2】：

您已经非常接近了...您所需要的只是原始事件。 jQuery 为你包装了这些。

例如

$('element').bind("touchmove", function(event) {
   var e = ev.originalEvent;
   var touch = e.touches[0];
   $(element2).html(touch.pageX + "," + touch.pageY);
}

编辑：我忘记了 touches 数组……我的错。

【讨论】：