使用鼠标位置更改div样式的Javascript函数

function changeDivStyle(event) {
  var divElement = document.getElementById("myDiv"); // 获取要改变样式的div元素
  var mouseX = event.clientX; // 获取鼠标在页面中的水平位置
  var mouseY = event.clientY; // 获取鼠标在页面中的垂直位置

  // 根据鼠标位置修改div样式
  divElement.style.left = mouseX + "px";
  divElement.style.top = mouseY + "px";
  divElement.style.backgroundColor = "red";
  divElement.style.width = "200px";
  divElement.style.height = "200px";
}

// 在HTML中添加事件监听器，当鼠标移动时调用changeDivStyle函数
document.addEventListener("mousemove", changeDivStyle);