Savybė event.pageX
Savybė event.pageX apima
pelės žymeklio koordinates X ašyje.
Koordinatėms nustatyti taip pat yra savybės
event.clientX,
event.clientY,
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 skaičiuojamos
langų atžvilgiu, 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 perslinkite puslapį 250
pikselių žemyn, tada pageY taps lygiu 750.
Taigi pageX ir pageY apima įvykio koordinates
atsižvelgiant į slinkimą.
Sintaksė
event.pageX;
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;
});
:
