Savybė event.clientY
Savybė event.clientY talpina
pelės žymeklio Y ašies koordinates.
Koordinatėms nustatyti taip pat yra savybės
event.clientX,
event.pageX,
event.pageY.
Pažiūrėkime, kuo skiriasi clientX/clientY
ir pageX/pageY.
Kaip veikia clientX ir clientY:
jei turite 1000 x 1000
pikselių langą, o pelė yra centre, tada clientX
ir clientY bus lygūs 500. Jei
tada horizontaliai arba vertikaliai
perslinkite puslapį, nejudindami žymeklio, reikšmės
clientX ir clientY nepasikeis, nes jos skaičiuojamos
nuo lango, o ne dokumento.
Kaip veikia pageX ir pageY:
jei turite 1000 x 1000
pikselių langą, o žymeklis yra centre, tada
pageX ir pageY bus lygūs 500. Jei
tada perslinksite puslapį 250
pikselių žemyn, pageY taps lygus 750.
Taigi pageX ir pageY talpina įvykio
koordinates, atsižvelgiant į slinkimą.
Sintaksė
event.clientY;
Pavyzdys
Judant pele po puslapį, išvesime
jos koordinates naršyklės lango atžvilgiu
(clientX ir clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
