jQuery event.pageX Property Last Updated : 11 Jul, 2025 Suggest changes Share Like Article Like Report 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= "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("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= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </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: K kundankumarjha Follow Article Tags : JQuery jQuery-Events jQuery-Propertie Explore jQuery Tutorial 7 min read Getting Started with jQuery 4 min read jQuery Introduction 7 min read jQuery Syntax 2 min read jQuery CDN 4 min read jQuery SelectorsJQuery Selectors 5 min read jQuery * Selector 1 min read jQuery #id Selector 1 min read jQuery .class Selector 1 min read jQuery EventsjQuery Events 4 min read jQuery bind() Method 2 min read jQuery blur() Method 1 min read jQuery change() Method 2 min read jQuery EffectsjQuery animate() Method 2 min read jQuery clearQueue() Method 2 min read jQuery delay() Method 2 min read jQuery HTML/CSSjQuery addClass() Method 2 min read jQuery after() Method 1 min read jQuery append() Method 2 min read jQuery TraversingjQuery | Traversing 4 min read jQuery add() method 1 min read jQuery addBack() Method 2 min read My Profile ${profileImgHtml} My Profile Edit Profile My Courses Join Community Transactions Logout Like