如何在JavaScript中将垂直拖放更改为水平拖放？

// 获取拖放元素
var draggableElement = document.getElementById("draggable");

// 定义初始位置和鼠标位置的变量
var initialX, mouseX;

// 监听拖放开始事件
draggableElement.addEventListener("dragstart", function(event) {
  // 获取初始位置和鼠标位置
  initialX = event.clientX;
  mouseX = event.clientX;
});

// 监听鼠标移动事件
draggableElement.addEventListener("mousemove", function(event) {
  // 计算水平偏移量
  var offsetX = event.clientX - mouseX;
  
  // 更新鼠标位置
  mouseX = event.clientX;
  
  // 将拖放元素的位置进行调整
  draggableElement.style.left = (draggableElement.offsetLeft + offsetX) + "px";
});

// 监听鼠标释放事件
draggableElement.addEventListener("mouseup", function(event) {
  // 移除鼠标移动事件的监听器
  draggableElement.removeEventListener("mousemove");
});