使用js获取鼠标坐标

"```markdown 在JavaScript中，可以使用事件对象来获取鼠标指针的坐标位置。当鼠标指针在文档中移动时，可以通过事件监听器来捕获鼠标移动事件，并从事件对象中获取鼠标的坐标信息。

下面是一个简单的例子，演示了如何使用JavaScript获取鼠标坐标位置：

document.addEventListener('mousemove', function(event) {
  const mouseX = event.clientX; // 获取鼠标指针相对于浏览器窗口的水平坐标
  const mouseY = event.clientY; // 获取鼠标指针相对于浏览器窗口的垂直坐标
  console.log(`鼠标坐标：(${mouseX}, ${mouseY})`);
});

在这个例子中，我们通过addEventListener方法给document对象添加了一个mousemove事件监听器。当鼠标在文档中移动时，事件处理程序会被触发，并且事件对象会传递给这个处理程序。通过事件对象的clientX和clientY属性，我们可以获取鼠标指针相对于浏览器窗口的坐标位置。

另外，如果需要获取鼠标指针相对于页面内容区域的坐标位置，可以使用event.pageX和event.pageY属性。这两个属性会返回鼠标指针相对于页面内容区域的坐标，包括滚动距离。

document.addEventListener('mousemove', function(event) {
  const pageX = event.pageX; // 获取鼠标指针相对于页面内容区域的水平坐标
  const pageY = event.pageY; // 获取鼠标指针相对于页面内容区域的垂直坐标
  console.log(`页面坐标：(${pageX}, ${pageY})`);
});

通过这种方式，我们可以灵活地利用JavaScript来获取鼠标指针的坐标位置，并根据实际需要进行进一步的处理和应用。