Vetoria event.clientY
Vetoria event.clientY përmban
koordinatat e kursorit të miut përgjatë boshtit Y.
Për përcaktimin e koordinatave ekzistojnë gjithashtu vetitë
event.clientX,
event.pageX,
event.pageY.
Le të shohim ndryshimin midis clientX/clientY
dhe pageX/pageY.
Si funksionojnë clientX dhe clientY:
nëse keni një dritare 1000 me 1000
piksel, dhe miu është në qendër, atëherë clientX
dhe clientY do të jenë të dy të barabartë me 500. Nëse
pastaj lëvizni faqen horizontalisht
ose vertikalisht, pa lëvizur kursorin, atëherë vlerat
e clientX dhe clientY nuk do të ndryshojnë, pasi numërohen
në lidhje me dritaren, jo me dokumentin.
Si funksionojnë pageX dhe pageY:
nëse keni një dritare 1000 me 1000
piksel, dhe kursori është në qendër, atëherë
pageX dhe pageY do të jenë të barabartë me 500. Nëse
pastaj lëvizni faqen poshtë me 250
piksel, atëherë pageY do të bëhet 750.
Kështu pageX dhe pageY përmbajnë koordinatat
e eventit duke marrë parasysh lëvizjen.
Sintaksa
event.clientY;
Shembull
Gjatë lëvizjes së miut në faqe, do të shfaqim
koordinatat e tij në lidhje me dritaren e shfletuesit
(clientX dhe clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
