如何在JavaScript中区分点击事件和滑动事件？

var touchStartX, touchStartY;
var threshold = 50; // 滑动阈值

function handleTouchStart(event) {
  touchStartX = event.touches[0].clientX;
  touchStartY = event.touches[0].clientY;
}

function handleTouchEnd(event) {
  var touchEndX = event.changedTouches[0].clientX;
  var touchEndY = event.changedTouches[0].clientY;

  var deltaX = touchEndX - touchStartX;
  var deltaY = touchEndY - touchStartY;

  if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > threshold) {
    // 水平滑动
    console.log("滑动方向：水平");
  } else if (Math.abs(deltaY) > Math.abs(deltaX) && Math.abs(deltaY) > threshold) {
    // 垂直滑动
    console.log("滑动方向：垂直");
  } else {
    // 点击事件
    console.log("点击事件");
  }
}

document.addEventListener("touchstart", handleTouchStart, false);
document.addEventListener("touchend", handleTouchEnd, false);