MouseEvent clientY eigenschap
Definitie en gebruik
Wanneer een muisgebeurtenis wordt geactiveerd, retourneert de clientY eigenschap de verticale coördinaat van de muispijl (op basis van het clientgebied).
Het clientgebied is het huidige venster.
Tip:Om de horizontale coördinaat van de muispijl (op basis van het clientgebied) te verkrijgen, gebruik dan clientX eigenschap.
Opmerking:Deze eigenschap is alleen lezen.
Voorbeeld
Voorbeeld 1
Wanneer de muisknop op een element wordt ingedrukt, worden de coördinaten van de muispijl weergegeven:
var x = event.clientX; // Verkrijg de horizontale coördinaat var y = event.clientY; // Verkrijg de verticale coördinaat var coor = "X coords: " + x + ", Y coords: " + y;
Resultaat:
X coords: 142, Y coords: 99
Voorbeeld 2
Wanneer de muispijl over een element beweegt, worden de coördinaten van de muispijl weergegeven:
var x = event.clientX; var y = event.clientY; var coor = "X coords: " + x + ", Y coords: " + y; document.getElementById("demo").innerHTML = coor;
Voorbeeld 3
Demonstreer het verschil tussen clientX en clientY en screenX en 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;
Syntax
event.clientY
Technische details
Retourwaarde: | Numerieke waarde die de verticale coördinaat van de muispijl in pixels aangeeft. |
---|---|
DOM versie: | DOM Level 2 Events |
Browserondersteuning
Eigenschappen | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
clientY | Support | Support | Support | Support | Support |
Related pages
HTML DOM reference manual:MouseEvent clientX property
HTML DOM reference manual:MouseEvent screenX property
HTML DOM reference manual:MouseEvent screenY property
HTML DOM reference manual:MouseEvent offsetX property
HTML DOM reference manual:MouseEvent offsetY property