Vetoria event.pageY
Vetoria event.pageY përmban
koordinatat e kursorit të miut përgjatë boshtit Y.
Për përcaktimin e koordinatave ekzistojnë gjithashtu vetitë
event.clientX,
event.clientY,
event.pageX.
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ë dyja të barabarta me 500. Nëse
pastaj ju rrëshqisni 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 kursorri është në qendër, atëherë
pageX dhe pageY do të jenë të barabarta me 500. Nëse
pastaj ju rrëshqisni faqen poshtë me 250
piksel, atëherë pageY do të bëhet i barabartë me 750.
Kështu pageX dhe pageY përmbajnë koordinatat
e ngjarjes duke marrë parasysh rrëshqitjen.
Sintaksa
event.pageY;
Shembull
Gjatë lëvizjes së miut në faqe, do të shfaqim
koordinatat e saj 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;
});
:
