MouseEvent pageX 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 pageX-eienskap gee die horisontale koördinaat (volgens die dokument) van die muiswyser terug wanneer 'n muisgebeurtenis geaktiveer is.
Die dokument is die webblad.
Wenk: Om die vertikale koördinaat (volgens die dokument) van die muiswyser te kry, gebruik die pageY- eienskap.
Let wel: Hierdie eiendom is leesalleen.
Let wel: Hierdie eiendom is nie-standaard, maar werk in die meeste groot blaaiers.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
Sintaksis
event.pageX
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die horisontale 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 bladsyX en bladsyY en skermX en skermY:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;
Verwante bladsye
HTML DOM verwysing: MouseEvent pageY Eiendom
HTML DOM verwysing: MouseEvent clientX Property
HTML DOM verwysing: MouseEvent clientY Property
HTML DOM verwysing: MouseEvent screenX Property
HTML DOM verwysing: MouseEvent screenY Eiendom