MouseEvent clientY egenskab

DOM events MouseEvent

Definition og brug

Når et museevent udløses, returnerer clientY egenskaben musepekers vertikale koordinat (baseret på klientområdet).

Klientområdet er det aktuelle vindue.

Tip:For at få musepekers horisontale koordinat (baseret på klientområdet), brug clientX egenskab.

Kommentar:Denne egenskab er skrivebeskyttet.

Eksempel

Eksempel 1

Udskriver musepekers koordinater, når museknappen klikkes på elementet:

var x = event.clientX;     // Få den horisontale koordinat
var y = event.clientY;     // Få den vertikale koordinat
var coor = "X coords: " + x + ", Y coords: " + y;

Resultatet er:

X coords: 142, Y coords: 99

Prøv det selv

Eksempel 2

Udskriver musepekers koordinater, når musepekeren bevæger sig over elementet:

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

Prøv det selv

Eksempel 3

Demonstrerer forskellen mellem clientX og clientY samt screenX og 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;

Prøv det selv

Syntaks

event.clientY

Tekniske detaljer

Returværdi: Numerisk værdi, der angiver musepekers vertikale koordinat i pixels.
DOM version: DOM Level 2 Events

Browser understøttelse

Egenskab Chrome IE Firefox Safari Opera
clientY Support Support Support Support Support

Relaterede sider

HTML DOM reference manual:MouseEvent clientX egenskab

HTML DOM reference manual:MouseEvent screenX egenskab

HTML DOM reference manual:MouseEvent screenY egenskab

HTML DOM reference manual:MouseEvent offsetX egenskab

HTML DOM reference manual:MouseEvent offsetY egenskab

DOM events MouseEvent