X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

MouseEvent screenY Property

Event Object Reference Event Object

Example

Get coordinates of the mouse pointer, relative to the screen, when the mouse button is clicked on an element:

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

The result of coor could be:

X coords: 142, Y coords: 99

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The screenY property returns the vertical coordinate (according to the users computer screen) of the mouse pointer when an event was triggered.

Tip: To get the horizontal coordinate (according to the screen) of the mouse pointer, use the screenX property.

Note: This property is read-only.


Browser Support

Property
screenY Yes Yes Yes Yes Yes


Syntax

event.screenY

Technical Details

Return Value: A Number, representing the vertical coordinate of the mouse pointer, in pixels
DOM Version: DOM Level 2 Events


Examples

More Examples

Example

A demonstration of the differences between clientX and clientY and screenX and screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Try it yourself »


Related Pages

HTML DOM reference: MouseEvent screenX Property

HTML DOM reference: MouseEvent clientX Property

HTML DOM reference: MouseEvent clientY Property


Event Object Reference Event Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook