MouseEvent clientX-egenskap

DOM-händelser MouseEvent

Definition och användning

När en mushändelse utlöses, returnerar clientX-egenskapen pekarens horisontella koordinat (enligt klientområdet).

Klientområdet är det aktuella fönstret.

Tips:För att få tag på pekarens vertikala koordinat (enligt klientområdet), använd clientY-egenskap.

Kommentar:Denna egenskap är skrivskyddad.

Exempel

Exempel 1

När musknappen klickas på elementet, skriv ut pekarens koordinater:

var x = event.clientX;     // Hämta horisontell koordinat
var y = event.clientY;     // Hämta vertikal koordinat
var coor = "X koordinater: " + x + ", Y koordinater: " + y;

Prova själv

Exempel 2

När pekaren rör sig över elementet, skriv ut pekarens koordinater:

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

Prova själv

Exempel 3

Demonstrera skillnaden mellan clientX och clientY samt screenX och screenY:

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

Prova själv

Syntax

event.clientX

Tekniska detaljer

Returvärde: Numerisk värde, som anger pekarens horisontella koordinat i pixlar.
DOM version: DOM Nivå 2 Händelser

Webbläsarestöd

Egenskaper Chrome IE Firefox Safari Opera
clientX Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

HTML DOM Referenshandbok:MouseEvent clientY-egenskap

HTML DOM Referenshandbok:MouseEvent screenX-egenskap

HTML DOM Referenshandbok:MouseEvent screenY-egenskap

HTML DOM Referenshandbok:MouseEvent offsetX-egenskap

HTML DOM Referenshandbok:MouseEvent offsetY-egenskap

DOM-händelser MouseEvent