Својство event.pageY
Својство event.pageY садржи у себи
координате курсора миша по Y оси.
За одређивање координата постоје и својства
event.clientX,
event.clientY,
event.pageX.
Хајде да погледамо разлику између 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.pageY;
Пример
При кретању миша по страници приказујемо
њене координате у односу на прозор прегледача
(pageX и pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
