如何使用JavaScript控制div的移动

var divElement = document.getElementById("myDiv");

divElement.addEventListener("mousedown", startMove);

function startMove(event) {
  // 记录鼠标按下时的初始位置
  var startX = event.clientX;
  var startY = event.clientY;

  // 添加mousemove事件监听器，实时更新div的位置
  document.addEventListener("mousemove", move);

  // 添加mouseup事件监听器，停止移动操作
  document.addEventListener("mouseup", stopMove);

  function move(event) {
    // 计算鼠标移动的距离
    var moveX = event.clientX - startX;
    var moveY = event.clientY - startY;

    // 更新div的位置
    divElement.style.left = divElement.offsetLeft + moveX + "px";
    divElement.style.top = divElement.offsetTop + moveY + "px";
  }

  function stopMove() {
    // 移除事件监听器
    document.removeEventListener("mousemove", move);
    document.removeEventListener("mouseup", stopMove);
  }
}