Open In App

jQuery event.pageY Property

Improve
Improve
Like Article
Like
Save
Share
Report

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:

 



Last Updated : 18 Nov, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads