Svojstvo event.pageY
Svojstvo event.pageY sadrži u sebi
koordinate kursora miša po Y osi.
Za određivanje koordinata postoje takođe svojstva
event.clientX,
event.clientY,
event.pageX.
Hajde da pogledamo razliku između clientX/clientY
i pageX/pageY.
Kako rade clientX i clientY:
ako imate prozor 1000 na 1000
piksela, i miš je u centru, onda će clientX
i clientY oba biti jednaki 500. Ako
zatim skrolujete stranicu horizontalno
ili vertikalno, ne pomerajući kursor, onda vrednosti
clientX i clientY neće se promeniti, jer se računaju
u odnosu na prozor, a ne na dokument.
Kako rade pageX i pageY:
ako imate prozor 1000 na 1000
piksela, i kursor je u centru, onda će
pageX i pageY biti jednaki 500. Ako
zatim skrolujete stranicu za 250
piksela na dole, onda će pageY postati jednak 750.
Tako pageX i pageY sadrže koordinate
dogadjaja uzimajući u obzir skrolovanje.
Sintaksa
event.pageY;
Primer
Pri kretanju miša po stranici biće ispisane
njegove koordinate u odnosu na prozor brauzera
(pageX i pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
