JavaScript获取鼠标坐标方法

通过JavaScript获取鼠标在当前窗口中的位置十分便捷，利用特定的对象属性即可获取坐标值，下文将详细说明具体实现方法。

1、 创建一个名为test.html的文件，通过编写JavaScript代码实现获取鼠标在当前页面中的实时坐标位置。

2、 在test.html中添加两个输入框，用于获取并显示鼠标指针的X轴和Y轴坐标位置。

3、 在test.html中编写mouseMove()函数，用于获取鼠标位置，并在函数内通过变量ev获取窗口对象。

4、 在 mouseMove 函数中调用 mouseCoords 函数以获取鼠标当前位置。mouseCoords 函数通过窗口对象的 pageX 属性获取鼠标在水平方向的坐标，利用 pageY 属性获取垂直方向坐标，并将这两个值封装成 JSON 格式返回，供后续处理使用。

5、 为用于显示X轴坐标的输入框设置id属性为xxx，在mouseMove()函数中通过document.getElementById()获取该输入框元素，并将实时获取的鼠标X轴坐标值赋给该输入框，使其在页面中动态更新并显示当前鼠标的水平位置。

6、 为用于显示Y轴坐标的输入框设置id属性为yyy，在mouseMove函数中通过document.getElementById方法获取该输入框对象，并将其值更新为当前鼠标指针的Y轴坐标，实现实时动态显示。

7、 当鼠标移动时，触发onmousemove事件，调用mouseMove()函数，并将获取到的坐标位置分别显示在两个文本框中。

8、 用浏览器打开test.html文件，观察运行结果。