Omadus event.clientY

Omadus event.clientY sisaldab hiire kursori Y-telje koordinaate. Koordinaatide määramiseks on ka omadused event.clientX, event.pageX, event.pageY. Vaatame erinevust clientX/clientY ja pageX/pageY vahel.

Kuidas clientX ja clientY töötavad: kui teil on aken mõõtmetega 1000 korda 1000 pikslit, ja hiir on keskele asetatud, siis clientX ja clientY on mõlemad võrdsed 500-ga. Kui te seejärel kerite lehte horisontaalselt või vertikaalselt, liigutamata kursorit, siis väärtused clientX ja clientY ei muutu, kuna need loetakse akna suhtes, mitte dokumendi suhtes.

Kuidas pageX ja pageY töötavad: kui teil on aken mõõtmetega 1000 korda 1000 pikslit, ja kursor on keskele asetatud, siis pageX ja pageY on võrdsed 500-ga. Kui te seejärel kerite lehte 250 pikslit alla, siis pageY muutub võrdseks 750-ga. Seega pageX ja pageY sisaldavad sündmuse koordinaate kerimist arvesse võttes.

Süntaks

javascriptevent.clientY;

Näide

Hiire liigutamisel lehel kuvame selle koordinaadid brauseri akna suhtes (clientX ja clientY):

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

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

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

Результат:

Vaata ka