event.pageX касиети
event.pageX касиети X огу боюнча чычкан курсордун координаттарын камтыйт.
Координаттарды аныктоо үчүн дагы мынадай касиеттер бар:
event.clientX,
event.clientY,
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.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;
});
:
