例
獲取鼠標指針，相對於屏幕，當鼠標按鈕被點擊的元件上的坐標為：
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
COOR的結果可能是：
X coords: 142, Y coords: 99 試一試» 更多"Try it Yourself"下面的例子。
定義和用法
所述screenX屬性返回水平坐標(according to the users computer screen)當事件被觸發的鼠標指針的。
提示：要獲得的垂直坐標（根據屏幕）鼠標指針，使用screenY屬性。
注：此屬性是只讀的。
瀏覽器支持
| 屬性 | |||||
|---|---|---|---|---|---|
| screenX | 是 | 是 | 是 | 是 | 是 |
句法
event .screenX
技術細節
| 返回值： | 鼠標指針的一個數字，表示水平坐標，以像素為單位 |
|---|---|
| DOM版本： | 2級DOM事件 |
更多示例
例
的clientX和clientY和screenX和screenY之間的差異演示：
var cX = event.clientX;
var sX = event.screenX;
var cY =
event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " +
cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y
coords: " + sY;
試一試» 相關頁面
HTML DOM參考： MouseEvent screenY Property
HTML DOM參考： MouseEvent clientX Property
HTML DOM參考： MouseEvent clientY Property
<事件對象