Vlastnost event.pageY
Vlastnost event.pageY obsahuje
souřadnice kurzoru myši na ose Y.
Pro určení souřadnic existují také vlastnosti
event.clientX,
event.clientY,
event.pageX.
Podívejme se na rozdíl mezi clientX/clientY
a pageX/pageY.
Jak fungují clientX a clientY:
pokud máte okno 1000 na 1000
pixelů a myš je uprostřed, pak clientX
a clientY budou oba rovny 500. Pokud
pak posunete stránku vodorovně
nebo svisle, aniž byste pohnuli kurzorem, hodnoty
clientX a clientY se nezmění, protože se počítají
vzhledem k oknu, nikoli k dokumentu.
Jak fungují pageX a pageY:
pokud máte okno 1000 na 1000
pixelů a kurzor je uprostřed, pak
pageX a pageY budou rovny 500. Pokud
pak posunete stránku o 250
pixelů dolů, pak pageY se bude rovnat 750.
pageX a pageY tedy obsahují souřadnice
události s přihlédnutím k posunutí stránky.
Syntaxe
event.pageY;
Příklad
Při pohybu myši po stránce budeme vypisovat
její souřadnice vzhledem k oknu prohlížeče
(pageX a pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
