MouseEvent -paginaY Property
Voorbeeld
Voer de coördinaten van de muisaanwijzer uit wanneer de muisknop op een element wordt geklikt:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap pageY retourneert de verticale coördinaat (volgens het document) van de muisaanwijzer toen een muisgebeurtenis werd geactiveerd.
Het document is de webpagina.
Tip: Gebruik de eigenschap pageX om de horizontale coördinaat (volgens het document) van de muisaanwijzer te krijgen .
Opmerking: deze eigenschap is alleen-lezen.
Opmerking: deze eigenschap is niet-standaard, maar werkt in de meeste grote browsers.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Syntaxis
event.pageY
Technische details
Winstwaarde: | A Getal, dat de verticale coördinaat van de muisaanwijzer weergeeft, in pixels |
---|---|
DOM-versie: | Geen |
Meer voorbeelden
Voorbeeld
Voer de coördinaten van de muisaanwijzer uit terwijl de muisaanwijzer over een element beweegt:
var x = event.pageX;
var y = event.pageY;
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 pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;
Gerelateerde pagina's
HTML DOM-referentie: MouseEvent pageX-eigenschap
HTML DOM-referentie: MouseEvent clientX-eigenschap
HTML DOM-referentie: MouseEvent clientY-eigenschap
HTML DOM-referentie: MouseEvent screenX-eigenschap
HTML DOM-referentie: MouseEvent screenY Property