Vetoria event.clientX
Vetoria event.clientX përmban
koordinatat e kursorit të miut përgjatë boshtit X.
Për përcaktimin e koordinatave ekzistojnë gjithashtu vetitë
event.clientY,
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 e 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 e 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.clientX;
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;
});
: