Egenskaben event.pageY
Egenskaben event.pageY indeholder
musemarkørens koordinater langs Y-aksen.
For at bestemme koordinater er der også egenskaberne
event.clientX,
event.clientY,
event.pageX.
Lad os se forskellen mellem clientX/clientY
og pageX/pageY.
Hvordan clientX og clientY fungerer:
hvis du har et vindue på 1000 gange 1000
pixels, og musen er i centrum, så vil clientX
og clientY begge være lig med 500. Hvis
du derefter scroller siden vandret
eller lodret, uden at flytte markøren, så vil værdierne
for clientX og clientY ikke ændre sig, fordi de tælles
i forhold til vinduet, ikke dokumentet.
Hvordan pageX og pageY fungerer:
hvis du har et vindue på 1000 gange 1000
pixels, og markøren er i centrum, så
vil pageX og pageY være lig med 500. Hvis
du derefter scroller siden 250
pixels ned, så vil pageY blive lig med 750.
Således indeholder pageX og pageY koordinaterne
for begivenheden inklusive scroll.
Syntaks
event.pageY;
Eksempel
Ved musebe bevægelse på siden vil vi udskrive
dens koordinater i forhold til browserens vindue
(pageX og pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
