时间：2021-07-01 10:21:17 帮助过：12人阅读
我们通过监听document的mousemove，就可以实时获得鼠标位置。
但是！！event中和鼠标相关的属性太多了，很让人头大！如下：
| event.layerX | event.layerY |
| event.clientX | event.clientY |
| event.pageX | event.pageY |
| event.offsetX | event.offsetY |
| event.screenX | event.screenY |
| event.x | event.y |
共计6组！
而且他们的区别并不明显，各浏览器间还不兼容！
这篇文章的目的就是搞清楚他们的区别，以及选出那些不推荐使用的。
测试代码
直接运行下列代码：