jQuery event.pageX Property
Last Updated :
17 Nov, 2022
The jQuery event.pageX is an inbuilt property which is used to find the position of the mouse pointer relative to the left edge of the document.
Syntax:
event.pageX
Parameter: It does not accept any parameter because it is a property not a function.
jQuery examples to show the working of event.pageX property:
Example 1: In the below code, top left position of the mouse-pointer is showing.
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("X= " + event.pageX);
});
});
</ script >
</ head >
< body >
< p >
X co-ordinate position of the mouse-pointer is :
< span ></ span >
</ p >
</ body >
</ html >
|
Output:
Example 2: In the below code, top right corner position of the mouse-pointer is showing.
HTML
<!DOCTYPE html>
< html >
< head >
< script
src =
</ script >
< script >
$(document).ready(function() {
$(document).mousemove(function(event) {
$("span").text("X= " + event.pageX);
});
});
</ script >
</ head >
< body >
< p >
X co-ordinate position of the mouse-pointer is :
< span ></ span >
</ p >
</ body >
</ html >
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...