窗口移动函数

// 获取窗口元素
var windowElement = document.getElementById('window');

// 定义变量来保存鼠标初始位置和窗口初始位置
var initialMouseX, initialMouseY, initialWindowX, initialWindowY;

// 鼠标按下事件处理函数
function onMouseDown(event) {
  // 记录鼠标初始位置和窗口初始位置
  initialMouseX = event.clientX;
  initialMouseY = event.clientY;
  initialWindowX = windowElement.offsetLeft;
  initialWindowY = windowElement.offsetTop;

  // 添加鼠标移动和鼠标释放事件监听器
  document.addEventListener('mousemove', onMouseMove);
  document.addEventListener('mouseup', onMouseUp);
}

// 鼠标移动事件处理函数
function onMouseMove(event) {
  // 计算鼠标移动距离
  var deltaX = event.clientX - initialMouseX;
  var deltaY = event.clientY - initialMouseY;

  // 更新窗口位置
  windowElement.style.left = initialWindowX + deltaX + 'px';
  windowElement.style.top = initialWindowY + deltaY + 'px';
}

// 鼠标释放事件处理函数
function onMouseUp() {
  // 移除鼠标移动和鼠标释放事件监听器
  document.removeEventListener('mousemove', onMouseMove);
  document.removeEventListener('mouseup', onMouseUp);
}

// 添加鼠标按下事件监听器
windowElement.addEventListener('mousedown', onMouseDown);