单击鼠标按钮时获取鼠标指针的坐标:
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鼠标事件 |
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.pageX
Internet Explorer 11(或更早版本)不支持。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!