MouseEvent pageY Property
Clash Royale CLAN TAG#URR8PPP
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
MouseEvent pageY Property
❮ DOM Events
❮ MouseEvent
Example
Output the coordinates of the mouse pointer when the mouse button is clicked
on an element:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The pageY property returns the vertical coordinate (according to the
document) of the mouse pointer when a mouse event
was triggered.
The document is the web page.
Tip: To get the horizontal coordinate (according to the
document) of the mouse pointer,
use the pageX property.
Note: This property is read-only.
Note: This property is non-standard, but works in most major
browsers.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| pageY | Yes | 12.0 | Yes | Yes | Yes |
<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]-->
Syntax
event.pageY
Technical Details
| Return Value: | A Number, representing the vertical coordinate of the mouse pointer, in pixels |
|---|---|
| DOM Version: | None |
More Examples
Example
Output the coordinates of the mouse pointer while the mouse pointer moves
over an element:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Try it Yourself »
Example
A demonstration of the differences between clientX and clientY and screenX
and 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;
Try it Yourself »
Related Pages
HTML DOM reference: MouseEvent pageX Property
HTML DOM reference: MouseEvent clientX Property
HTML DOM reference: MouseEvent clientY Property
HTML DOM reference: MouseEvent screenX Property
HTML DOM reference: MouseEvent screenY Property
❮ DOM Events
❮ MouseEvent
