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