Svojstvo event.clientY
Svojstvo event.clientY sadrži u
sebi koordinate kursora miša po Y osi.
Za određivanje koordinata postoje takođe svojstva
event.clientX,
event.pageX,
event.pageY.
Hajde da pogledamo razliku između clientX/clientY
i pageX/pageY.
Kako rade clientX i clientY:
ako imate prozor od 1000 puta 1000
piksela, i miš se nalazi u centru, onda će clientX
i clientY oba biti jednaki 500. Ako
zatim skrolujete stranicu horizontalno
ili vertikalno, bez pomeranja kursora, 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 od 1000 puta 1000
piksela, i kursor se nalazi 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.clientY;
Primer
Pri kretanju miša po stranici ispisivaćemo
njegove koordinate u odnosu na prozor pretraživača
(clientX i clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
