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