MouseEvent clientY egenskap

DOM-händelser MouseEvent

Definition och användning

När en mushändelse utlöses, returnerar clientY egenskapen muspekarens vertikala koordinat (enligt klientområdet).

Klientområdet är det aktuella fönstret.

Tips:För att få muspekarens horisontella koordinat (enligt klientområdet), använd clientX 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 horisontella koordinater
var y = event.clientY;     // Hämta vertikala koordinater
var coor = "X koordinater: " + x + ", Y koordinater: " + y;

Resultatet är:

X koordinater: 142, Y koordinater: 99

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.clientY

Tekniska detaljer

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

webbläsare stödjer

egenskap Chrome IE Firefox Safari Opera
clientY Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

HTML DOM referenshandbok:MouseEvent clientX-attribut

HTML DOM referenshandbok:MouseEvent screenX-attribut

HTML DOM referenshandbok:MouseEvent screenY-attribut

HTML DOM referenshandbok:MouseEvent offsetX-attribut

HTML DOM referenshandbok:MouseEvent offsetY-attribut

DOM-händelser MouseEvent