例
输出当鼠标按钮被点击的元件上的鼠标指针的坐标：
var x = event.clientX; // Get the horizontal coordinate
var
y = event.clientY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
COOR的结果可能是：
X coords: 142, Y coords: 99 试一试» 更多"Try it Yourself"下面的例子。
定义和用法
所述clientX属性返回水平坐标(according to the client area)当鼠标事件被触发鼠标指针的。
客户区是当前窗口。
提示：要获得纵坐标（根据客户区），鼠标指针，使用clientY属性。
注：此属性是只读的。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| clientX | 是 | 是 | 是 | 是 | 是 |
句法
event .clientX
技术细节
| 返回值： | 鼠标指针的一个数字，表示水平坐标，以像素为单位 |
|---|---|
| DOM版本： | 2级DOM事件 |
更多示例
例
输出，同时在一个元素上鼠标指针移动鼠标指针的坐标：
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: "
+ x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
试一试» 例
的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 clientY Property
HTML DOM参考： MouseEvent screenX Property
HTML DOM参考： MouseEvent screenY Property
<事件对象