MouseEvent clientY eigenschap

DOM events MouseEvent

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

Probeer het zelf uit

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;

Probeer het zelf uit

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;

Probeer het zelf uit

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

DOM events MouseEvent