Horje
jQuery event.pageY Property

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=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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:

 


 


Reffered: https://www.geeksforgeeks.org

JavaScript

Related
JavaScript JSON stringify() Method JavaScript JSON stringify() Method
JavaScript Date getTimezoneOffset() Method JavaScript Date getTimezoneOffset() Method
JavaScript removeEventListener() method with examples JavaScript removeEventListener() method with examples
jQuery | data() with Examples jQuery | data() with Examples
jQuery | removeData() with Examples jQuery | removeData() with Examples

Type:
 Geek
Category:
 Coding
Sub Category:
 Tutorial
Uploaded by:
 Admin
Views:
 9



 

Horje