Get Element X and Y Position on Screen Using jQuery

Inside this article we will see the concept of getting x and y coordinate on mouse move, or mouse click on screen. If you are looking to get element x and y position on screen using jquery, then this article will explain you the concept of that.

Article is classified with information and easy to understand. We can even call this topic as jQuery x y document coordinates of DOM object.

jQuery get coordinates of an element inside screen sometimes very interesting when we design a game type programming in jquery or javascript.

Learn More -

Let’s get started.

Get Element Coordinates Using jQuery

We will use jquery concept to get x and y position coordinates.

Create an Application

Create a folder with name element-coords. Create a file index.html into it.

Open index.html and write this complete code into it.

Application Testing

Open browser and type this -

URL — http://localhost/element-coords/index.html

We hope this article helped you to learn Get Element X and Y Position on Screen Using jQuery Tutorial in a very detailed way.

If you liked this article, then please subscribe to our YouTube Channel for PHP & it’s framework, WordPress, Node Js video tutorials. You can also find us on and .

Learn More about jQuery & Javascript Concept

Originally published at on September 19, 2021.

Online Web Tutor is web development community found by Sanjay Kumar. It provides web development course for free worldwide by professionally trained instructors