JavaScript Tips: How to Determine Browser Window Position

Question

For various silly reasons, I want to be able to detect a rectangular area of ​​the browser window on the screen, including the title bar.

Is this possible, or is JavaScript only limited to the viewport of its page?

Edit: I may not have expressed it clearly, but the viewport is the part of the page that is visible in the window. This may not be a commonly used term among browsers, but it's common in graphics.

Answer 1

Please check the following properties:

• window.screen.height: Returns the height of the screen in pixels.
• window.screen.top: Returns the number of pixels from the top edge of the current screen.
• window.screen.width: Returns the width of the screen.
• window.screen.left: Returns the number of pixels from the left edge of the main screen to the left edge of the current screen.

(These properties do not give the size or position of the window, but they can be interpreted correctly when operating a system with multiple monitors)

Answer 2

For standards-compliant browsers:

X - window.screenX
Y - window.screenY

For IE browser:

X - window.screenLeft
Y - window.screenTop

Please keep in mind that implementations may vary. Please note multi-monitor setup...