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>     <scriptsrc=     </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:


 
                                    








