Svojstvo event.pageX
Svojstvo event.pageX sadrži
koordinate kursora miša po X osi.
Za određivanje koordinata takođe postoje svojstva
event.clientX,
event.clientY,
event.pageY.
Pogledajmo razliku između clientX/clientY
i pageX/pageY.
Kako rade clientX i clientY:
ako imate prozor od 1000 puta 1000
piksela, a miš je u centru, onda će clientX
i clientY biti jednaki 500. Ako
zatim skrolujete stranicu horizontalno
ili vertikalno, ne pomerajući kursor, vrednosti
clientX i clientY se neće promeniti, jer se mere
u odnosu na prozor, a ne na dokument.
Kako rade pageX i pageY:
ako imate prozor od 1000 puta 1000
piksela, a 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 750.
Dakle, pageX i pageY sadrže koordinate
dogadjaja uzimajući u obzir skrolovanje.
Sintaksa
event.pageX;
Primer
Pri kretanju miša po stranici, ispisaćemo
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;
});
:
