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

javascriptevent.pageX;

Primer

Pri gibanju miške po strani bomo izpisali 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