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
event.clientY;
Primer
Pri gibanju miške po strani bomo izpisovali
njene koordinate glede na brskalnikovo okno
(clientX in clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
