例
输出当鼠标按钮被点击的元件上的鼠标指针的坐标：
var x = event.pageX; // Get the horizontal coordinate
var
y = event.pageY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
COOR的结果可能是：
X coords: 162, Y coords: 40 试一试» 更多"Try it Yourself"下面的例子。
定义和用法
的pageX属性属性返回当鼠标事件被触发时，鼠标指针的水平坐标（根据该文件）。
该文件的网页。
提示：要获得的垂直坐标（根据文献）鼠标指针，使用pageY属性。
注：此属性是只读的。
注：此属性是非标准的，但在大多数主流浏览器。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| pageX | 是 | 12.0 | 是 | 是 | 是 |
句法
event .pageX
技术细节
| 返回值： | 鼠标指针的一个数字，表示水平坐标，以像素为单位 |
|---|---|
| DOM版本： | 没有 |
更多示例
例
输出，同时在一个元素上鼠标指针移动鼠标指针的坐标：
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: "
+ x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
试一试» 例
的clientX和clientY和screenX和screenY之间的差异演示：
var pX = event.pageX;
var cX = event.clientX;
var pY =
event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " +
pX + ", Y coords: " + pY;
var coords2 = "client - X: " +
cX + ", Y
coords: " + cY;
试一试» 相关页面
HTML DOM参考： MouseEvent pageY Property
HTML DOM参考： MouseEvent clientX Property
HTML DOM参考： MouseEvent clientY Property
HTML DOM参考： MouseEvent screenX Property
HTML DOM参考： MouseEvent screenY Property
<事件对象