The jQuery event.pageY is an inbuilt property that is used to find the position of the mouse pointer relative to the top edge of the document.
Syntax:
event.pageY
Parameter: It does not accept any parameter because it is a property not a function.
jQuery examples to show the working of event.pageY property:
Example 1: In the below code, bottom left position of the mouse-pointer is getting displayed.
HTML
<!DOCTYPE html> <html> <head> <script src= </script> <script> < !--jQuery code to demonstrate the x - coordinate of mouse pointer-- > $(document).ready(function () { $(document).mousemove(function (event) { $("span").text(event.pageY); }); }); </script> </head> <body> <!-- bottom left position of the pointer will show here --> <p> Y co-ordinate position of the mouse-pointer is : <span></span> </p> </body> </html> |
Output:
Example 2: In the below code, top left corner position of the mouse-pointer is getting displayed.
HTML
<!DOCTYPE html> <html> <head> <script src= </script> <script> < !--jQuery code to demonstrate the mouse pointer position-- > $(document).ready(function () { $(document).mousemove(function (event) { $("span").text(event.pageY); }); }); </script> </head> <body> <!-- top left position of the pointer will show here --> <p> Y co-ordinate position of the mouse-pointer is : <span></span> </p> </body> </html> |
Output:
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Find More to that Topic: geeksforgeeks.org/jquery-event-pagey-property/ […]