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.
<!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.
<!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:
