Vetoria event.pageX
Vetoria event.pageX përmban
koordinatat e kursorit të miut përgjatë boshtit X.
Për përcaktimin e koordinatave ekzistojnë gjithashtu vetitë
event.clientX,
event.clientY,
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
piksele, dhe miu është në qendër, atëherë clientX
dhe clientY do të jenë të dy të barabarta me 500. Nëse
pastaj scroll-on 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
piksele, dhe kursori është në qendër, atëherë
pageX dhe pageY do të jenë të barabarta me 500. Nëse
pastaj scroll-on faqen 250
piksela poshtë, atëherë pageY do të bëhet 750.
Kështu pageX dhe pageY përmbajnë koordinatat
e ngjarjes duke marrë parasysh scroll-in.
Sintaksa
event.pageX;
Shembull
Gjatë lëvizjes së miut nëpër faqe, do të shfaqim
koordinatat e tij në lidhje me dritaren e shfletuesit
(pageX dhe pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
: