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

javascriptevent.pageY;

Primer

Pri gibanju miške po strani bomo izpisovali njene koordinate glede na okno brskalnika (pageX in pageY):

html<div id="elem">0 : 0</div>

javascriptlet elem = document.getElementById('elem');

document.addEventListener('mousemove', function(event) {
  elem.innerHTML = event.pageX + ' : ' + event.pageY;
});

Результат:

Glejte tudi