如何通过JavaScript获取鼠标的精确位置？

本文共计2404个文字，预计阅读时间需要10分钟。

获取鼠标位置的方法：

1.使用clientX和clientY属性；

2.使用offsetX和offsetY属性；

3.使用pageX和pageY属性；

4.使用screenX和screenY属性；

5.使用layerX和layerY属性。

操作环境：Windows 7

JS获取鼠标位置的方法：1、使用clientX和clientY属性；2、使用offsetX和offsetY属性；3、使用pageX和pageY属性；4、使用screenX和screenY属性；5、使用layerX和layerY属性。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

在 JavaScript中，当事件发生时，获取鼠标的位置是件很重要的事件。由于浏览器的不兼容性，不同浏览器分别在各自事件对象中定义了不同的属性，说明如下表所示。这些属性都是以像素值定义了鼠标指针的坐标，但是由于它们参照的坐标系不同，导致精确计算鼠标的位置比较麻烦。