javascript - 我希望每次滑动 1 秒后处于非事件 touchstart 状态，并在 1 秒后 touchstart 处于事件状态

Question

我用过这个link在我的项目中向左/向右写入的 stackoverflow 的内容，但现在我希望每次滑动 1 秒后处于非事件 touchstart 状态，并在 1 秒后 touchstart 处于事件状态。下面仅是我想到的算法，但效果不佳。

var drag = true;
function touchStart(event, passedName){
  if(!drag){
    // document.removeEventListener('touchstart', touchStart, false);
    return;
  }
  else{
    drag = false
  }
  // do for touchstart
  setTimeout(function(){
    drag = true;
  }, 1000);
}

我在 touchMove 中添加了以下代码:

function touchMove(event){
  ul.style.left = event.touches[0].pageX - x + 'px';// touchstart inactive but element still moving
}

Answer 1

您还必须阻止 touchMove:

 var dragging = false, blocked = false;

 function touchStart(event, passedName){
   if(blocked) return;
   blocked = true;
   setTimeout(() => blocked = false, 1000);

   dragging = true;
 }

 function touchEnd(event) { dragging = false; }

 function touchMove(event) {
    if(!dragging) return;
    //...
  }