Savybė event.clientX
Savybė event.clientX talpina
pelės žymeklio X ašies koordinates.
Koordinatėms nustatyti taip pat yra savybės
event.clientY,
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ą, ir pelės žymeklis yra centre, tada clientX
ir clientY bus lygūs 500. Jei
tada horizontaliai arba vertikaliai perslinkite puslapį,
nejudindami žymeklio, tada reikšmės
clientX ir clientY nepasikeis, nes skaičiuojamos
nuo lango, o ne dokumento.
Kaip veikia pageX ir pageY:
jei turite 1000 x 1000
pikselių langą, ir žymeklis yra centre, tada
pageX ir pageY bus lygūs 500. Jei
tada perslinksite puslapį 250
pikselių žemyn, tada pageY taps lygus 750.
Taigi pageX ir pageY talpina įvykio
koordinates atsižvelgiant į slinkimą.
Sintaksė
event.clientX;
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;
});
:
