Свойство event.clientY
Свойство event.clientY сичқон
курсорининг Y ўқи бўйича координатларини ўз ичига олади.
Координаталарни аниқлаш учун шунингдек свойствалар мавжуд
event.clientX,
event.pageX,
event.pageY.
Келинг clientX/clientY билан
pageX/pageY ўртасидаги фарқни кўрамиз.
clientX ва clientY қандай ишлайди:
агар сизда 1000га 1000
пиксел ўлчамли дарёза бўлса, ва сичқон марказда турса, у ҳолда clientX
ва clientY иккаласи ҳам 500га тенг бўлади. Агар
сиз курсорни ҳаракатлантирмай, саҳифани горизонтал
ёки вертикал томонга айлантирсангиз, у ҳолда қийматлар
clientX ва clientY ўзгармайди, чунки улар ҳисобланadi
ҳужжатга нисбатан эмас, балки дарёзага нисбатан.
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;
});
:
