Lastnost event.pageX
Lastnost event.pageX vsebuje
koordinate kazalca miške po osi X.
Za določanje koordinat so na voljo tudi lastnosti
event.clientX,
event.clientY,
event.pageY.
Poglejmo razliko med clientX/clientY
in pageX/pageY.
Kako delujeta clientX in clientY:
če imate okno 1000 na 1000
pik, in je miška v sredini, potem bosta clientX
in clientY enaka 500. Če
nato drsite stran vodoravno
ali navpično, ne da bi premaknili kazalec, se vrednosti
clientX in clientY ne spremenita, saj se štejejo
glede na okno in ne dokumenta.
Kako delujeta pageX in pageY:
če imate okno 1000 na 1000
pik, in je kazalec v sredini, potem
pageX in pageY bosta enaka 500. Če
nato drsite stran navzdol za 250
pik, bo pageY postal enak 750.
Tako pageX in pageY vsebujeta koordinate
dogodka, upoštevajoč drsenje.
Sintaksa
event.pageX;
Primer
Pri gibanju miške po strani bomo izpisali
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;
});
:
