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

Δημιουργία Ενεργειών DOM MouseEvent

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

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

Η περιοχή του πελάτη είναι το τρέχον παράθυρο.

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

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

Παράδειγμα

Παράδειγμα 1

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

var x = event.clientX;     // Λήψη της οριζόντιας συντεταγμένης
var y = event.clientY;     // Λήψη της κατακόρυφης συντεταγμένης
var coor = "X coords: " + x + ", Y coords: " + y;

Το αποτέλεσμα είναι:

X coords: 142, Y coords: 99

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 2

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

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

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 3

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

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Προσπάθησε να το δοκιμάσεις

Γλώσσα

event.clientY

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

Αποτελεσματική τιμή: Αριθμητική τιμή που αντιπροσωπεύει την κατακόρυφη συντεταγμένη του δείκτη του ποντικιού, μείον pixel.
Εκδοχή του DOM: DOM Level 2 Events

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

Πρότυπο Chrome IE Firefox Safari Opera
clientY Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

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

Εγχειρίδιο HTML DOM:Παράμετρος clientX του MouseEvent

Εγχειρίδιο HTML DOM:Παράμετρος screenX του MouseEvent

Εγχειρίδιο HTML DOM:Παράμετρος screenY του MouseEvent

Εγχειρίδιο HTML DOM:Παράμετρος offsetX του MouseEvent

Εγχειρίδιο HTML DOM:Παράμετρος offsetY του MouseEvent

Δημιουργία Ενεργειών DOM MouseEvent