MouseEvent pageY Eiendom
Voorbeeld
Voer die koördinate van die muiswyser uit wanneer die muisknoppie op 'n element geklik word:
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 dit self" voorbeelde hieronder.
Definisie en gebruik
Die pageY-eienskap gee die vertikale koördinaat (volgens die dokument) van die muiswyser terug wanneer 'n muisgebeurtenis geaktiveer is.
Die dokument is die webblad.
Wenk: Om die horisontale koördinaat (volgens die dokument) van die muiswyser te kry, gebruik die pageX- eienskap.
Let wel: Hierdie eiendom is leesalleen.
Let wel: Hierdie eiendom is nie-standaard, maar werk in die meeste groot blaaiers.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Sintaksis
event.pageY
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die vertikale koördinaat van die muiswyser voorstel, in pixels |
---|---|
DOM weergawe: | Geen |
Meer voorbeelde
Voorbeeld
Voer die koördinate van die muiswyser uit terwyl die muiswyser oor 'n element beweeg:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Voorbeeld
'n Demonstrasie van die verskille 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;
Verwante bladsye
HTML DOM-verwysing: MouseEvent pageX Property
HTML DOM verwysing: MouseEvent clientX Property
HTML DOM verwysing: MouseEvent clientY Property
HTML DOM verwysing: MouseEvent screenX Property
HTML DOM verwysing: MouseEvent screenY Eiendom