Lastnost event.clientY

Lastnost event.clientY vsebuje koordinate kurzorja miške po osi Y. Za določanje koordinat so na voljo tudi lastnosti event.clientX, event.pageX, 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 pomaknete stran vodoravno ali navpično, ne da bi premaknili kurzor, se vrednosti clientX in clientY ne spremenijo, saj se štejejo glede na okno in ne dokumenta.

Kako delujeta pageX in pageY: če imate okno 1000 na 1000 pik, in je kurzor v sredini, potem pageX in pageY bosta enaka 500. Če nato pomaknete stran za 250 pik navzdol, bo pageY postal 750. Tako pageX in pageY vsebujeta koordinate dogodka ob upoštevanju drsenja.

Sintaksa

javascriptevent.clientY;

Primer

Pri gibanju miške po strani bomo izpisovali njene koordinate glede na brskalnikovo okno (clientX in clientY):

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

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

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

Результат:

Glejte tudi