jQuery event.pageY Property

Last Updated:

jQuery event.pageY Property

The jQuery event.pageY property returns the mouse position relative to the top edge of the document.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery pageY Property</h1> <div style="height: 100px; border:1px solid red;"> Move your cursor over me. </div> <p>pageY is <strong>0</strong></p> <script> $(document).ready(function(){ $("div").mousemove(function(e){ $("strong").text(e.pageY); }); }); </script> </body> </html>

Syntax

event.pageY;

Return Value

Value Explanation
Number Returns the position of the mouse pointer, relative to the top edge of the document.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
event.pageYYesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author