Сvojstvo event.pageY
Сvojstvo event.pageY gi sodrži vo sebe
koordinatite na kursорот na gluvčeto po oska Y.
Za opredeluvanje na koordinatite ima isto taka svojstva
event.clientX,
event.clientY,
event.pageX.
Ajde da ja vidime razlikata pomeǵu clientX/clientY
i pageX/pageY.
Kako rabotat clientX i clientY:
ako imate prozorec 1000 na 1000
pikseli, i gluvčeto se naoǵa vo centar, togaš clientX
i clientY ḱe bidat dvata ednakvi na 500. Ako
po toa skrolirate stranica horizontalno
ili vertikalno, bez da dvižite kursорот, togaš vrednostite
na clientX i clientY ne ḱe se promenat, bidejḱi se presmetuvaat
odnosno prozorecot, a ne dokumentot.
Kako rabotat pageX i pageY:
ako imate prozorec 1000 na 1000
pikseli, i kursорот se naoǵa vo centar, togaš
pageX i pageY ḱe bidat ednakvi na 500. Ako
po toa skrolirate stranica za 250
pikseli nadolu, togaš pageY ḱe stane ednakvo na 750.
Na ovoj način pageX i pageY gi sodržat koordinatite
na nastanot so ogled na skroliranjeto.
Sintaksa
event.pageY;
Primer
Pri dviženjeto na gluvčeto po stranicata ḱe gi ispečatuvame
negovite koordinati odnosno prozorecot na brauzerot
(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;
});
:
