窗口客户区中的坐标与窗口页面中的坐标,两个概念也是有区别的。本例借助jQuery框架获取鼠标在窗口页面中的坐标,效果如图1.28所示。
图1.28 获取鼠标在窗口页面中的坐标
本例主要代码如下:
本例关键代码是第08~12行。其中,pageX与pageY事件属性返回当事件被触发时鼠标指针相对于文档左边缘的位置。
提示: pageX事件属性是鼠标位置相对于用户页面区域的水平偏移量,而pageY事件属性是垂直方向的偏移量,此时的参照点(原点)是窗口客户区的左上角,因此该参照点不会随滚动条的移动而移动。