如何将javascript鼠标事件转换为jquery移动触摸事件？

// 绑定鼠标事件
$("#element").mousedown(function(event) {
  // 获取鼠标位置
  var startX = event.pageX;
  var startY = event.pageY;

  // 绑定移动事件
  $(document).mousemove(function(event) {
    // 计算鼠标移动距离
    var moveX = event.pageX - startX;
    var moveY = event.pageY - startY;

    // 执行相应操作，例如移动元素
    $("#element").css({
      left: "+=" + moveX,
      top: "+=" + moveY
    });

    // 更新鼠标位置
    startX = event.pageX;
    startY = event.pageY;
  });

  // 绑定鼠标释放事件
  $(document).mouseup(function() {
    // 解绑移动事件
    $(document).off("mousemove");

    // 解绑鼠标释放事件
    $(document).off("mouseup");
  });
});

// 转换为移动触摸事件
$("#element").on("touchstart", function(event) {
  // 阻止默认事件
  event.preventDefault();

  // 获取触摸位置
  var touch = event.originalEvent.touches[0] || event.originalEvent.changedTouches[0];
  var startX = touch.pageX;
  var startY = touch.pageY;

  // 绑定移动事件
  $(document).on("touchmove", function(event) {
    // 阻止默认事件
    event.preventDefault();

    // 获取移动位置
    var touch = event.originalEvent.touches[0] || event.originalEvent.changedTouches[0];
    var moveX = touch.pageX - startX;
    var moveY = touch.pageY - startY;

    // 执行相应操作，例如移动元素
    $("#element").css({
      left: "+=" + moveX,
      top: "+=" + moveY
    });

    // 更新触摸位置
    startX = touch.pageX;
    startY = touch.pageY;
  });

  // 绑定触摸结束事件
  $(document).on("touchend", function() {
    // 解绑移动事件
    $(document).off("touchmove");

    // 解绑触摸结束事件
    $(document).off("touchend");
  });
});