pageY and pageX: Main Tips
- The
event.pageY
property returns the cursor position in relation to document's top edge (in pixels). - To find out the position in relation to the document's left edge, use
event.pageX
property.
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
pageY
The event.pageY
property returns the cursor position relative to the top edge. In the example below, you can see how the page Y tracks your mouse movements:
pageX
Now, by using the event.pageX
property you can get the cursor position relative to the left edge. Open the example below and move your mouse to see how the cursor position is indicated in pixels:
Note: both pageX and pageY only track the movement inside the document frame.