let startXY = { x: 0, y: 0 };
let startTime = 0;
let isLongPressTriggered = false;
let lastTapTime = 0;
<p>element.addEventListener('touchstart', (e) => {
if (e.touches.length === 1) {
startXY.x = e.touches[0].clientX;
startXY.y = e.touches[0].clientY;
startTime = Date.now();</p><pre class='brush:php;toolbar:false;'>// 启动长按检测
setTimeout(() => {
  if (!isMoving && !isTapConfirmed) {
    isLongPressTriggered = true;
    element.dispatchEvent(new CustomEvent('longpress'));
  }
}, 500);

} });

element.addEventListener('touchend', (e) => {
  const deltaTime = Date.now() - startTime;
  const deltaX = e.changedTouches[0].clientX - startXY.x;
  const deltaY = e.changedTouches[0].clientY - startXY.y;
  const distance = Math.sqrt(deltaX ** 2 + deltaY ** 2);
<p>// 判断是否为 tap
if (deltaTime < 300 && distance < 10) {
const now = Date.now();
if (now - lastTapTime < 300) {
element.dispatchEvent(new CustomEvent('doubletap'));
} else {
setTimeout(() => {
if (!isDoubleTapDetected) {
element.dispatchEvent(new CustomEvent('tap'));
}
}, 300);
}
lastTapTime = now;
}</p><p>// 判断 swipe
if (deltaTime < 1000 && distance > 50) {
const direction = Math.abs(deltaX) > Math.abs(deltaY) ?
(deltaX > 0 ? 'right' : 'left') :
(deltaY > 0 ? 'down' : 'up');
element.dispatchEvent(new CustomEvent('swipe', { detail: { direction } }));
}</p><p>// 重置状态
isLongPressTriggered = false;
});</p>