Window screenX and screenY Properties
Window Object
Example
Return the x and y coordinates of the new window relative to the screen:
var
myWindow = window.open("", "myWin");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY +
"</p>");
Try it yourself »
More "Try it Yourself" examples below.
Definition and Usage
The screenX and screenY properties returns the x (horizontal) and y
(vertical) coordinates of
the window relative to the screen.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Property |
|
|
|
|
|
screenX |
Yes |
9.0 |
Yes |
Yes |
Yes |
screenY |
Yes |
9.0 |
Yes |
Yes |
Yes |
Tip: For IE8 and earlier, you can use "window.screenLeft" and "window.screenTop"
instead (See "More Examples").
Syntax
window.screenX
window.screenY
Technical Details
Return Value: |
A Number, representing the horizontal and/or vertical distance of the window relative
to the screen, in pixels |
More Examples
Example
Open a new window with a specified left and top position, and return its
coordinates:
var myWindow = window.open("", "myWin", "left=700, top=350, width=200,
height=100");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
Try it yourself »
Example
Cross browser solution (using screenLeft and screenTop for IE8 and earlier):
// Open a new window with a specified left and top position
var myWindow = window.open("", "myWin", "left=700, top=350, width=200,
height=100");
/*
If the browser does not support screenX and
screen Y,
use screenLeft and screenTop instead (and vice versa)
*/
var winLeft = myWindow.screenLeft ? myWindow.screenLeft : myWindow.screenX;
var winTop = myWindow.screenTop ? myWindow.screenTop
: myWindow.screenY;
// Write the new window's x and y coordinates
relative to the screen
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>Horizontal: " + winLeft);
myWindow.document.write("<br>Vertical: " + winTop + "</p>");
Try it yourself »
Window Object
Color Picker