Vlastnost MouseEvent clientX
Příklad
Výstup souřadnic ukazatele myši při kliknutí tlačítkem myši na prvek:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost clientX vrací vodorovnou souřadnici (podle klientské oblasti) ukazatele myši, když byla spuštěna událost myši.
Klientská oblast je aktuální okno.
Tip: Chcete-li získat vertikální souřadnici (podle klientské oblasti) ukazatele myši, použijte vlastnost clientY .
Poznámka: Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
clientX | Yes | Yes | Yes | Yes | Yes |
Syntax
event.clientX
Technické údaje
Návratová hodnota: | Číslo představující vodorovnou souřadnici ukazatele myši v pixelech |
---|---|
Verze DOM: | Události DOM úrovně 2 |
Další příklady
Příklad
Vytiskněte souřadnice ukazatele myši, když se ukazatel myši pohybuje nad prvkem:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Příklad
Ukázka rozdílů mezi clientX a clientY a screenX a 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;
Související stránky
Odkaz HTML DOM: Vlastnost MouseEvent clientY
Odkaz HTML DOM: Vlastnost MouseEvent screenX
Odkaz HTML DOM: Vlastnost MouseEvent screenY
Odkaz HTML DOM: Vlastnost MouseEvent offsetX
Odkaz HTML DOM: Vlastnost MouseEvent offsetY