目录

MouseEvent pageX 属性

示例

单击鼠标按钮时获取鼠标指针的坐标:

let x = event.pageX;  // Horizontal
let y = event.pageY;  // Vertical
亲自试一试 »

下面有更多示例。


描述

这个pageX属性返回文档相对 X 坐标当鼠标事件发生时鼠标指针的位置。

这个pageX属性是只读的。

这个文档是网页。


坐标属性

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

也可以看看:

鼠标事件对象



语法

event.pageX

技术细节

返回值: 一个号码。
鼠标指针的 X 坐标,以像素为单位。
DOM 版本: DOM 级别 4鼠标事件

更多示例

示例

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

var x = event.pageX;
var y = event.pageY;
亲自试一试 »

示例

pageX和pageY以及screenX和screenY的区别:

let pX = event.pageX;
let pY = event.pageY;
let sX = event.screenX;
let sY = event.screenY;
亲自试一试 »

浏览器支持

event.pageX是 DOM Level 4 (2015) 功能。

所有现代浏览器都支持它:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

event.pageXInternet Explorer 11(或更早版本)不支持。