Хосияти 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;
});
:
