最新的Web开发教程
 

MouseEvent pageY Property

<事件对象

输出当鼠标按钮被点击的元件上的鼠标指针的坐标:

var x = event.pageX;     // Get the horizontal coordinate
var y = event.pageY;     // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

COOR的结果可能是:

X coords: 162, Y coords: 40
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

的pageY属性返回当鼠标事件被触发的垂直坐标(根据文献)鼠标指针。

该文件的网页。

提示:要获得的水平坐标(根据文献)鼠标指针,使用pageX属性属性。

注:此属性是只读的。

注:此属性是非标准的,但在大多数主流浏览器。


浏览器支持

属性
pageY 12.0

句法

event .pageY

技术细节

返回值: 鼠标指针的一个数字,表示垂直坐标,以像素为单位
DOM版本: 没有

例子

更多示例

输出,同时在一个元素上鼠标指针移动鼠标指针的坐标:

var x = event.pageX;
var y = event.pageY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
试一试»

的clientX和clientY和screenX和screenY之间的差异演示:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;
试一试»

相关页面

HTML DOM参考: MouseEvent pageX Property

HTML DOM参考: MouseEvent clientX Property

HTML DOM参考: MouseEvent clientY Property

HTML DOM参考: MouseEvent screenX Property

HTML DOM参考: MouseEvent screenY Property


<事件对象