目录

MouseEvent screenX 属性

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

示例

单击鼠标按钮时鼠标指针的坐标：

let x = event.screenX; // Horizontal
let y = event.screenY; // Vertical

亲自试一试 »

下面有更多示例。

描述

这个screenX属性返回水平屏幕坐标当鼠标事件被触发时，鼠标指针的位置。

这个screenX属性是只读的。

坐标属性

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

也可以看看：

鼠标事件对象

语法

event.screenX

技术细节

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

更多示例

示例

screenX和screenY以及clientX和clientY的区别：

let sX = event.screenX;
let sY = event.screenY;
let cX = event.clientX;
let cY = event.clientY;

亲自试一试 »

浏览器支持

event.screenX是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11

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