例
輸出當鼠標按鈕被點擊的元件上的鼠標指針的坐標：
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"下面的例子。
定義和用法
的pageY屬性返回當鼠標事件被觸發的垂直坐標（根據文獻）鼠標指針。
該文件的網頁。
提示：要獲得的水平坐標（根據文獻）鼠標指針，使用pageX屬性屬性。
注：此屬性是只讀的。
注：此屬性是非標準的，但在大多數主流瀏覽器。
瀏覽器支持
| 屬性 | |||||
|---|---|---|---|---|---|
| pageY | 是 | 12.0 | 是 | 是 | 是 |
句法
event .pageY
技術細節
| 返回值： | 鼠標指針的一個數字，表示垂直坐標，以像素為單位 |
|---|---|
| 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 pageX Property
HTML DOM參考： MouseEvent clientX Property
HTML DOM參考： MouseEvent clientY Property
HTML DOM參考： MouseEvent screenX Property
HTML DOM參考： MouseEvent screenY Property
<事件對象