javascript - 如果 touchmove 触发则取消 touchend

Question

我正在构建一些主要用于平板电脑的东西，用户可以在屏幕上点击一个项目，然后应用一个类。这是我目前所拥有的:

问题:

1. 我想使用触摸事件删除类并在触摸结束时添加类(以使其更快)。
2. 我不希望它在用户滑动(触摸移动)时做任何事情。

我尝试了很多方法，但都没有用。我尝试过的最简单的(未成功)是这样的:

var dragging = false;

$(".items").on("touchmove", function(){
      dragging = true;
});

$('.items').on("click touchend", function(event){
    if (dragging = true){
    }
    else{
    $('.items').removeClass('selected');
    $(this).addClass('selected');
    }
});

Answer 1

我认为这是一种更安全的方式

设置变量为假

var dragging = false;

将 var 设置为 true ontouchmove(允许您在应用程序的任何地方重用此代码)

$("body").on("touchmove", function(){
  dragging = true;
});

你的按钮

$("#button").on("touchend", function(){
      if (dragging)
      return;

      // your button action code
});

重置变量(重要)

$("body").on("touchstart", function(){
    dragging = false;
});