jquery - 在移动设备上滚动页面时防止 touchstart

Question

我想在用户向下滚动移动设备页面时禁用 touchstart 事件。该页面有各种元素，当您单击时会切换一个类，但我希望当用户向下滑动以向下滚动页面时禁用这些 touchstart 事件。

JQUERY

$(document).on('touchstart click', '.flip-container ', function(event){                       
         event.preventDefault();
        $(this).find('.flipper').toggleClass('hover');
}); 

有人知道怎么做吗？谢谢!

Answer 1

var touchmoved;
$('button').on('touchend', function(e){
    if(touchmoved != true){
        // you're on button click action
    }
}).on('touchmove', function(e){
    touchmoved = true;
}).on('touchstart', function(){
    touchmoved = false;
});

https://stackoverflow.com/a/32120668/3678996