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