Ιδιότητα pageY του MouseEvent

DOM Event MouseEvent

Ορισμός και χρήση

Όταν εκτυπώνεται το συμβάν του ποντικιού, η ιδιότητα pageY αποδίδει την κατακόρυφη συντεταγμένη του δείκτη του ποντικιού (σχετικά με το έγγραφο).

Το έγγραφο είναι η ιστοσελίδα.

Σημείωση:Για να αποκτήσετε την οριζόντια συντεταγμένη του δείκτη του ποντικιού (σχετικά με το έγγραφο), χρησιμοποιήστε Ιδιότητα pageX.

Σημείωση:Αυτή η ιδιότητα είναι αναγνωρισμένη μόνο για ανάγνωση.

Σημείωση:Αυτή η ιδιότητα δεν είναι κανονική, αλλά είναι συμβατή με την větροπλασία πλειοψηφία περιηγητών.

Παράδειγμα

Παράδειγμα 1

Αποδίδει τις συντεταγμένες του δείκτη του ποντικιού όταν πατηθεί το κουμπί του ποντικιού στο στοιχείο:

var x = event.pageX;     // Αποδίδει την οριζόντια συντεταγμένη
var y = event.pageY;     // Αποδίδει την κατακόρυφη συντεταγμένη
var coor = "X coords: " + x + ", Y coords: " + y;

Δοκιμάστε το شخصικά

Παράδειγμα 2

Αποδίδει τις συντεταγμένες του δείκτη του ποντικιού όταν το ποντίκι κινείται πάνω στο στοιχείο:

var x = event.pageX;
var y = event.pageY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Δοκιμάστε το شخصικά

Παράδειγμα 3

Παρουσίαση της διαφοράς μεταξύ clientX και clientY και screenX και screenY:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

Δοκιμάστε το شخصικά

Γλώσσα γραφής

event.pageY

Τεχνικές λεπτομέρειες

Αποτελεσματική τιμή: Αριθμητική τιμή που δείχνει την κατακόρυφη συντεταγμένη του δείκτη του ποντικιού σε pixel.
Έκδοση DOM: Χωρίς.

Υποστήριξη περιηγητών

Ενδεικτικά Chrome IE Firefox Safari Opera
pageY Υποστήριξη 12.0 Υποστήριξη Υποστήριξη Υποστήριξη

Σελίδες Σχετικές

Εγχειρίδιο HTML DOM:Αξία pageX του MouseEvent

Εγχειρίδιο HTML DOM:Αξία clientX του MouseEvent

Εγχειρίδιο HTML DOM:Αξία clientY του MouseEvent

Εγχειρίδιο HTML DOM:Αξία screenX του MouseEvent

Εγχειρίδιο HTML DOM:Αξία screenY του MouseEvent

DOM Event MouseEvent