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;
});
:
