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