目录

MouseEvent clientX 属性

❮上一节事件属性下一节❯

示例

单击时鼠标指针的坐标：

let x = event.clientX; // Horizontal
let y = event.clientY; // Vertical

亲自试一试 »

下面有更多示例。

描述

这个clientX属性返回水平客户端坐标当鼠标事件发生时鼠标指针的位置。

这个clientX属性是只读的。

这个客户区是当前窗口。

坐标属性

属性	关系到
screenX 属性	屏幕区域
screenY 属性	屏幕区域
clientX 属性	窗口区
clientY 属性	窗口区
pageX 属性	页面（文档）
pageY 属性	页面（文档）
offsetX 属性	目标元素
offsetY 属性	目标元素

也可以看看：

鼠标事件对象

语法

event.clientX

技术细节

返回值：	一个号码。鼠标指针的水平窗口像素坐标。
DOM 版本：	DOM 级别 2鼠标事件。

更多示例

示例

鼠标指针移动时鼠标指针的坐标：

let x = event.clientX;
let y = event.clientY;

亲自试一试 »

示例

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
Yes	Yes	Yes	Yes	Yes	9-11

❮上一节事件属性下一节❯