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 |
