下载掌阅APP，畅读海量书库
立即打开
1.17 获取鼠标在屏幕中的坐标
相信绝大多数Windows用户都使用过一款名为“按键精灵”的桌面软件，该软件有一个“抓图抓色”的功能，是在用户抓图过程中将当前屏幕鼠标指针所在的像素点的颜色和X/Y轴的坐标显示出来，效果既实用又有趣。在前端网页设计中，也经常要获取当前鼠标的位置来完成一些特定效果，借助jQuery能方便地获取鼠标在屏幕中的坐标。本例效果如图1.26所示。
图1.26 获取鼠标在屏幕中的坐标
本例主要代码如下：
本例关键代码是第08~12行。其中，screenX与screenY事件属性可返回事件发生时鼠标指针相对于屏幕的水平与垂直坐标位置。
提示： screenX事件属性是鼠标位置相对于用户屏幕的水平偏移量，而screenY事件属性是垂直方向的偏移量。此时的参照点（原点）是屏幕的左上角，而屏幕偏移量与窗口客户区偏移量概念是不同的，后面的实例会做进一步讲解。