MouseEvent clientX egenskab

DOM events MouseEvent

Definition og brug

Når et museevent udløses, returnerer clientX-egenskaben musepegelets horisontale koordinat (baseret på klientområdet).

Klientområdet er det aktuelle vindue.

Tip:For at få musepegelets vertikale koordinat (baseret på klientområdet), brug clientY egenskab.

Kommentar:Denne egenskab er skrivebeskyttet.

Eksempel

Eksempel 1

Udskriv musepegelets koordinater, når museknappen trykkes ned 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;

Prøv det selv

Eksempel 2

Udskriv musepegelets koordinater, når den 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

Demonstrer 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.clientX

Tekniske detaljer

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

Browser understøttelse

Egenskab Chrome IE Firefox Safari Opera
clientX Support Support Support Support Support

Relaterede sider

HTML DOM referencehåndbog:MouseEvent clientY egenskab

HTML DOM referencehåndbog:MouseEvent screenX egenskab

HTML DOM referencehåndbog:MouseEvent screenY egenskab

HTML DOM referencehåndbog:MouseEvent offsetX egenskab

HTML DOM referencehåndbog:MouseEvent offsetY egenskab

DOM events MouseEvent