Event.clientY hossady

event.clientY hossady mysy kursorynyň Y oky boýunça koordinatalaryny öz içine alýar. Koordinatalary kesgitlemek üçin şeýle hem event.clientX, event.pageX, event.pageY hossatlary bar. clientX/clientY bilen pageX/pageY arasyndaky tapawuda göz aýlalyň.

clientX we clientY nähili işleýär: eger siziň 1000-e 1000 piksel ölçegli penjiriňiz bolsa we mys merkezde bolsa, onda clientX we clientY ikisi hem 500-a deň bolar. Eger siz onda mysy hereket etdirmän sahypany gorizontal ýa-da wertikal aýlandyrsaňyz, clientX we clientY bahalary üýtgemeýär, sebäbi olar dokumente däl, penjire görä hasaplanýar.

pageX we pageY nähili işleýär: eger siziň 1000-e 1000 piksel ölçegli penjiriňiz bolsa we kursoryňyz merkezde bolsa, onda pageX we pageY 500-a deň bolar. Eger siz onda sahypany aşak 250 piksel aýlandyrsaňyz, pageY 750-a deň bolar. Şeýlelikde pageX we pageY aýlanmany hasaba alýan waka koordinatalaryny öz içine alýar.

Sintaksis

javascriptevent.clientY;

Mysal

Mysyň sahypa üstünde hereketi dowamynda onuň brauzer penjiresine görä koordinatalaryny (clientX we clientY) çap ederis:

html<div id="elem">0 : 0</div>

javascriptlet elem = document.getElementById('elem');

document.addEventListener('mousemove', function(event) {
  elem.innerHTML = event.clientX + ' : ' + event.clientY;
});

Результат:

Şeýle-de görüň