检测touchmove事件何时超出目标并重新启动

// 获取目标元素
const targetElement = document.getElementById('target');

// 记录初始位置
let startX = 0;
let startY = 0;

// 监听touchstart事件
targetElement.addEventListener('touchstart', (event) => {
  startX = event.touches[0].clientX;
  startY = event.touches[0].clientY;
});

// 监听touchmove事件
targetElement.addEventListener('touchmove', (event) => {
  const currentX = event.touches[0].clientX;
  const currentY = event.touches[0].clientY;

  // 获取目标元素的位置和尺寸信息
  const rect = targetElement.getBoundingClientRect();
  const targetLeft = rect.left;
  const targetTop = rect.top;
  const targetRight = rect.right;
  const targetBottom = rect.bottom;

  // 判断滑动位置是否超出目标元素的范围
  if (currentX < targetLeft || currentX > targetRight || currentY < targetTop || currentY > targetBottom) {
    // 超出范围，重新启动操作
    // TODO: 重新启动相应的操作
  }
});