2

What is the difference between these terms? I'm tangled up from last some days and can't understand the difference clearly. Highlight with examples?

Javascript!

clientX/clientY,

pageX/pageY,

screenX/screenY,

offsetX/offsetY,

offsetLeft/offsetTop,

movementX/movementY.

christopher Aistotel
  • 81
  • 6
  • 1
    check the link : https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientX – نور Jun 28 '20 at 06:54
  • I check it out weeks ago. But overall I'm confused. Like when to use specific one. It's fine to read separately but it becomes hard when it comes to making a difference and using by own. – christopher Aistotel Jun 28 '20 at 07:43
  • at the beginning it takes some time to understand and keep in mind .. I suggest to you learn these from youtube . I think it should be help for you .. – نور Jun 28 '20 at 08:06
  • Maybe give us a bit more context what confuses you about these properties. The documentation @AbdullahAlNoor posted is actually quite clear. Do you want to use them for something specific? Or just learning / curiosity? If so I recommend just building a simple demo and use them. – perelin Jun 28 '20 at 21:08
  • Does this answer your question? [What is the difference between screenX/Y, clientX/Y and pageX/Y?](https://stackoverflow.com/questions/6073505/what-is-the-difference-between-screenx-y-clientx-y-and-pagex-y) – Jespertheend Jan 22 '23 at 21:49

0 Answers0