javascript - 三星 S3 左滑和右滑无法一键操作

Question

我使用 jquery mobile 创建了一个移动应用程序，一切正常，但在三星手机中，左滑动和右滑动无法正常工作。

滑动 2-3 次后即可工作。

可以用

来处理

var startCoords;
        $(document.body).on("touchstart", function(event) {
            startCoords = event.originalEvent.targetTouches[0];
        });

        document.addEventListener('touchmove', function(e) {
            var touchmoveEvent = e.touches[0];
            if(touchmoveEvent.pageX && Math.abs(startCoords.pageX - touchmoveEvent.pageX) > 10)
                e.preventDefault();
        }, false);

但是如果我添加此代码缩放和捏合不起作用...任何解决此问题的指针都会非常有帮助。

注意:所有三星手机都有问题，但我的要求仅适用于 S3

Answer 1

var startCoords;
$(document).on("touchstart", function(event) {
    startCoords = event.originalEvent.touches[0];
}).on('touchmove', function(event) {
    var endCoords = event.originalEvent.touches[0];
    if(Math.abs(startCoords.pageX - endCoords.pageX) > 10) {
        alert('Swipe event');
    }
});

在 S3 上检查。警报有效。