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;
});
:
