MouseEvent clientY Property
Voorbeeld
Voer de coördinaten van de muisaanwijzer uit wanneer de muisknop op een element wordt geklikt:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Het resultaat van coor zou kunnen zijn:
X coords: 142, Y coords: 99
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap clientY retourneert de verticale coördinaat (volgens het clientgebied) van de muisaanwijzer wanneer een muisgebeurtenis werd geactiveerd.
Het klantengebied is het huidige venster.
Tip: Gebruik de eigenschap clientX om de horizontale coördinaat (volgens het clientgebied) van de muisaanwijzer te krijgen .
Opmerking: deze eigenschap is alleen-lezen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Syntaxis
event.clientY
Technische details
Winstwaarde: | A Getal, dat de verticale coördinaat van de muisaanwijzer weergeeft, in pixels |
---|---|
DOM-versie: | DOM Level 2-evenementen |
Meer voorbeelden
Voorbeeld
Voer de coördinaten van de muisaanwijzer uit terwijl de muisaanwijzer over een element beweegt:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Voorbeeld
Een demonstratie van de verschillen 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;
Gerelateerde pagina's
HTML DOM-referentie: MouseEvent clientX-eigenschap
HTML DOM-referentie: MouseEvent screenX-eigenschap
HTML DOM-referentie: MouseEvent screenY Property
HTML DOM-referentie: MouseEvent offsetX-eigenschap
HTML DOM-referentie: MouseEvent offsetY-eigenschap