MouseEvent clientX 属性
描述
当发生鼠标事件时，clientX 属性返回鼠标指针的水平客户端坐标。
clientX 属性是只读的。
客户端区域是指当前窗口。
坐标属性
| 属性 | 相对于 |
|---|---|
| screenX 属性 | 屏幕区域 |
| screenY 属性 | 屏幕区域 |
| clientX 属性 | 窗口区域 |
| clientY 属性 | 窗口区域 |
| pageX 属性 | 页面（文档） |
| pageY 属性 | 页面（文档） |
| offsetX 属性 | 目标元素 |
| offsetY 属性 | 目标元素 |
另请参阅
语法
event.clientX
技术细节
| 返回值 | 数字。 鼠标指针的水平窗口像素坐标。 |
|---|---|
| DOM 版本 | DOM Level 2 鼠标事件。 |
更多示例
示例
clientX 和 clientY 与 screenX 和 screenY 之间的区别
let cX = event.clientX;
let cY = event.clientY;
let sX = event.screenX;
let sY = event.screenY;
亲自试一试 »
浏览器支持
event.clientX 是 DOM Level 2 (2001) 的功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
