Хосияти event.clientX
Хосияти event.clientX дар худ
координатҳои курсори мушро дар меҳвари X дорад.
Барои муайян кардани координатҳо инчунин хосиятҳои
event.clientY,
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.clientX;
Намуна
Дар вақти ҳаракати муш бар саҳифа координатҳои
онро нисбат ба равзанаи браузер
(clientX ва clientY) чоп мекунем:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
