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ė

javascriptevent.clientY;

Pavyzdys

Judant pele po puslapį, išvesime jos koordinates naršyklės lango atžvilgiu (clientX ir clientY):

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

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

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

Результат:

Žiūrėkite taip pat