Lastnost event.pageY
Lastnost event.pageY vsebuje
koordinate kurzorja miške po osi Y.
Za določanje koordinat so na voljo tudi lastnosti
event.clientX,
event.clientY,
event.pageX.
Poglejmo si razliko med clientX/clientY
in pageX/pageY.
Kako delujeta clientX in clientY:
če imate okno 1000 na 1000
pik, in je miška na sredini, potem bosta clientX
in clientY enaka 500. Če
nato drsnete stran vodoravno
ali navpično, ne da bi premaknili kurzor, se vrednosti
clientX in clientY ne spremenita, ker se štejejo
glede na okno in ne glede na dokument.
Kako delujeta pageX in pageY:
če imate okno 1000 na 1000
pik, in je kurzor na sredini, potem bosta
pageX in pageY enaka 500. Če
nato drsnete stran za 250
pik navzdol, bo pageY postal enak 750.
Tako pageX in pageY vsebujeta koordinate
dogodka, upoštevajoč drsenje.
Sintaksa
event.pageY;
Primer
Pri gibanju miške po strani bomo izpisovali
njene koordinate glede na okno brskalnika
(pageX in pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
