jQuery event.pageX Property
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> <!-- top left position of the pointer will show here --> <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> <!-- jQuery code o demonstrate the mouse pointer position --> $(document).ready(function() { $(document).mousemove(function(event) { $("span").text("X= " + event.pageX); }); }); </script> </head> <body> <!-- top right corner position of the pointer will show here --> <p> X co-ordinate position of the mouse-pointer is : <span></span> </p> </body> </html> |
Output:
Please Login to comment...