マウスの座標を取得する mousedown mousemove mouseup

document.addEventListener('mousedown', e => {
  console.log("clientX: " + e.clientX, e.clientY);
  console.log("offsetX: " + e.offsetX, e.offsetY);
  console.log("pageX: " + e.pageX, e.pageY);
  console.log("screenX: " + e.screenX, e.screenY);
});

const circle = document.querySelector("div");

document.addEventListener("mousedown", () => {
  document.addEventListener("mousemove", moveObj);
});

document.addEventListener("mouseup", () => {
  document.removeEventListener("mousemove", moveObj);
});

function moveObj(e) {
  circle.style.left = `${e.clientX}px`;
  circle.style.top = `${e.clientY}px`;
}