下载掌阅APP，畅读海量书库
立即打开
1.18 获取鼠标在窗口客户区中的坐标
屏幕中的坐标与窗口客户区中的坐标概念是不同的，本例借助jQuery框架来获取鼠标在窗口客户区中的坐标，效果如图1.27所示。
图1.27 获取鼠标在窗口客户区中的坐标
本例主要代码如下：
关键代码是第08~12行。其中，clientX与clientY事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标与垂直坐标位置，客户区指的是当前窗口。
提示： clientX事件属性是鼠标位置相对于用户窗口客户区的水平偏移量，而clientY是垂直方向的偏移量，此时的参照点（原点）是窗口客户区的左上角，因此该参照点会随滚动条的移动而移动。窗口客户区与页面区域偏移量概念不同，后面将会做进一步讲解。