event.pageX hossasy
event.pageX hossasy syçanyň kursorynyň X ok boýunça koordinatalaryny saklaýar.
Koordinatalary kesgitlemek üçin şu hossalar hem bar:
event.clientX,
event.clientY,
event.pageY.
clientX/clientY
bilen pageX/pageY arasyndaky tapawudy göreliň.
clientX we clientY nähili işleýär:
eger siziň 1000 x 1000
piksel bolan penceräňiz bar bolsa we syça ortada bolsa, onda clientX
we clientY ikisi hem 500 deň bolar. Eger
siz, soňra, kursory hereket etdirmän, sahypany gorizontal
ýa-da wertikal taýdan skrollaň, onda bahalar
clientX we clientY üýtgemeýär, sebäbi olar gäbižden hasap edilýär,
gäbizden däl.
pageX we pageY nähili işleýär:
eger siziň 1000 x 1000
piksel bolan penceräňiz bar bolsa we kursoryňyz ortada bolsa, onda
pageX we pageY 500 deň bolar. Eger
siz, soňra, sahypany 250
piksel aşak skrollaň, onda pageY 750 deň bolar.
Şeýlelik bilen, pageX we pageY skrollamagy hasaba alan şertde wakanyň koordinatalaryny
saklaýar.
Sintaksis
event.pageX;
Mysal
Sahypanyň üstünde syçany hereketdirişimizde,
onuň brauzer penceresine garanynda koordinatalaryny
(pageX we pageY) çykarys:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
: