Хосияти event.pageX
Хосияти event.pageX координатҳои курсори мушро дар меҳвари X дар бар мегирад.
Барои муайян кардани координатҳо инчунин хосиятҳои
event.clientX,
event.clientY,
event.pageY мавҷуданд.
Биёед фарқи байни clientX/clientY
ва pageX/pageY-ро бубинем.
clientX ва clientY чӣ гуна кор мекунанд:
агар шумо равзанае дошта бошед 1000 ба 1000
pixel, ва муш дар марказ ҷойгир бошад, он гоҳ clientX
ва clientY ҳарду баробар ба 500 хоҳанд буд. Агар
шумо сипас саҳифаро ба тарафи уфуқӣ
ё амудӣ бигардонед, бидуни ҳаракати курсор, он гоҳ қиматҳои
clientX ва clientY тағйир намеёбанд, зеро нисбат ба
равзана, на ҳуҷҷат ҳисоб карда мешаванд.
pageX ва pageY чӣ гуна кор мекунанд:
агар шумо равзанае дошта бошед 1000 ба 1000
pixel, ва курсор дар марказ ҷойгир бошад, он гоҳ
pageX ва pageY баробар ба 500 хоҳанд буд. Агар
шумо сипас саҳифаро ба поён то 250
pixel бигардонед, он гоҳ pageY ба 750 баробар мешавад.
Аз ин рӯ pageX ва pageY координатҳои
воқеаро бо назардошти гардиши саҳифа дар бар мегиранд.
Синтаксис
event.pageX;
Намуна
Дар вақти ҳаракати муш дар саҳифа координатҳои
онро нисбат ба равзанаи браузер
(pageX ва pageY) чоп мекунем:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
