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 бoyынша 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;
});
:
