Својството event.pageX
Својството event.pageX ја содржи
координатата на курсорот на глушецот по X оската.
За одредување на координати постојат исто така својствата
event.clientX,
event.clientY,
event.pageY.
Ајде да ја видиме разликата помеѓу clientX/clientY
и pageX/pageY.
Како работат clientX и clientY:
ако имате прозорец 1000 на 1000
пиксели, и глушецот се наоѓа во центарот, тогаш clientX
и clientY ќе бидат еднакви на 500. Ако
потоа ја лизнете страницата хоризонтално
или вертикално, без да го движите курсорот, тогаш вредностите
на clientX и clientY нема да се променат, бидејќи се бројат
во однос на прозорецот, а не на документот.
Како работат pageX и pageY:
ако имате прозорец 1000 на 1000
пиксели, и курсорот се наоѓа во центарот, тогаш
pageX и pageY ќе бидат еднакви на 500. Ако
потоа ја лизнете страницата за 250
пиксели надолу, тогаш pageY ќе стане еднакво на 750.
На тој начин pageX и pageY ги содржат координатите
на настанот земајќи ја предвид лизгачката лента.
Синтакса
event.pageX;
Пример
При движење на глушецот по страницата ќе ги испишуваме
неговите координати во однос на прозорецот на прелистувачот
(pageX и pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
