使用javascript移动div类

// 获取目标div元素
var targetDiv = document.getElementById("targetDiv");

// 定义初始位置和偏移量
var initialX, initialY, offsetX, offsetY;

// 添加鼠标事件监听器
targetDiv.addEventListener("mousedown", function(event) {
  // 记录初始位置
  initialX = event.clientX;
  initialY = event.clientY;
  
  // 添加移动和释放事件监听器
  document.addEventListener("mousemove", moveDiv);
  document.addEventListener("mouseup", releaseDiv);
});

// 移动函数
function moveDiv(event) {
  // 计算偏移量
  offsetX = event.clientX - initialX;
  offsetY = event.clientY - initialY;
  
  // 更新目标div元素的位置
  targetDiv.style.left = targetDiv.offsetLeft + offsetX + "px";
  targetDiv.style.top = targetDiv.offsetTop + offsetY + "px";
}

// 释放函数
function releaseDiv() {
  // 移除移动和释放事件监听器
  document.removeEventListener("mousemove", moveDiv);
  document.removeEventListener("mouseup", releaseDiv);
}