如何在Javascript中获得相对于页面而不是相对于屏幕的鼠标坐标？

在Javascript中，可以通过以下方式获得相对于页面而不是相对于屏幕的鼠标坐标：

1. 使用事件对象的pageX和pageY属性：
   • pageX：鼠标相对于整个文档页面的水平坐标。
   • pageY：鼠标相对于整个文档页面的垂直坐标。
   • pageY：鼠标相对于整个文档页面的垂直坐标。

• 使用事件对象的clientX和clientY属性结合滚动条的位置：
  • clientX：鼠标相对于浏览器窗口可视区域的水平坐标。
  • clientY：鼠标相对于浏览器窗口可视区域的垂直坐标。
  • clientY：鼠标相对于浏览器窗口可视区域的垂直坐标。

这样可以获得相对于页面的鼠标坐标，无论页面是否有滚动条。这在需要精确获取鼠标位置的交互场景中非常有用，例如拖拽、绘图等。