4

我编写了一个使用 JQuery 移动 swipeleft 和 swiperight 事件的移动 Web 应用程序，但这些在运行 Android 4.2.2 的三星 Galaxy S4 上不起作用。在标准 Web 浏览器或 Chrome 中运行 Web 应用程序具有相同的问题：未检测到滑动事件。

以下是我如何尝试检测在我测试过的其他设备上运行良好的事件，甚至是 Android 设备（但不是 Android 4.2.2）：

$('#showImage').on("swipeleft", function (event) {
if (currentScale != initialScale) return;
if (currentPage < maxPage) {
  ++currentPage;
  img.src = document.getElementById("page" + zeroPad(currentPage, 2) + "url").value;
}
});

$('#showImage').on("swiperight", function (event) {
if (currentScale != initialScale) return;
if (currentPage > 1) {
  --currentPage;
  img.src = document.getElementById("page" + zeroPad(currentPage, 2) + "url").value;
}
});

在代码方面，我能做些什么来在 Android 4.2.2 中捕获这些事件吗？

4

1 回答 1

1

你在这里有两个问题。

首先是由已解决但尚未实现的 JQM 中的错误引起的https://github.com/jquery/jquery-mobile/issues/5534

基本上，滑动事件测量的最小距离必须考虑设备的像素密度。因此，在 JQM 的情况下，对 touch.js 的以下更改将解决该问题：

horizontalDistanceThreshold = window.devicePixelRatio >= 2 ? 15 : 30;
verticalDistanceThreshold = window.devicePixelRatio >= 2 ? 15 : 30;

第二个是使用 kitkat 触发 touchcancel 而不是 touchend。解决方案是将 touchcancel 委托给 touchend。

于 2014-05-29T09:40:10.900 回答