Event.clientX hyşy
event.clientX hyşy
çezenjiň X okundaky koordinatalaryny öz içine alýar.
Koordinatalary kesgitlemek üçin şeýle hem
event.clientY,
event.pageX,
event.pageY
hyşylary bar.
Geliň clientX/clientY bilen
pageX/pageY
arasyndaky tapawudy göreliň.
clientX we clientY nähili işleýär:
eger size 1000 x 1000
piksel ölçegli penire bar bolsa we çezen merkezde bolsa,
onda clientX we clientY ikisi hem 500 deň bolar.
Eger
siz çezenji hereket etdirmän sahypany gorizontal
ýa-da vertikal aýlansaňyz,
clientX we clientY bahalary üýtgemeýär, sebäbi olar
dokumentden däl-de, penirerelativ hasaplanýar.
pageX we pageY nähili işleýär:
eger size 1000 x 1000
piksel ölçegli penire bar bolsa we çezen merkezde bolsa,
pageX we pageY 500 deň bolar.
Eger
siz soňra sahypany aşak 250
piksel aýlansaňyz, onda pageY 750 deň bolar.
Şeýlelikde pageX we pageY wakanyň aýlanma hasaba alnan
koordinatalaryny öz içine alýar.
Sintaksis
event.clientX;
Mysal
Sahypa üstünde çezen hereket edende,
brauzer peniresine görä
onuň koordinatalaryny çykararys
(clientX we clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
