Eienskap event.pageY
Eienskap event.pageY bevat die
Y-as koördinate van die muiskursor.
Om koördinate te bepaal is daar ook eienskappe
event.clientX,
event.clientY,
event.pageX.
Laat ons kyk na die verskil tussen clientX/clientY
en pageX/pageY.
Hoe clientX en clientY werk:
as jy 'n venster van 1000 by 1000
piksels het, en die muis is in die middel, dan sal clientX
en clientY albei 500 wees. As
jy dan die bladsy horisontaal of vertikaal
blaai sonder om die wyser te beweeg, sal die waardes
clientX en clientY nie verander nie, aangesien hulle gemeet word
relatief tot die venster, nie die dokument nie.
Hoe pageX en pageY werk:
as jy 'n venster van 1000 by 1000
piksels het, en die wyser is in die middel, dan
sal pageX en pageY gelyk wees aan 500. As
jy dan die bladsy 250
piksels afwaarts blaai, sal pageY gelyk word aan 750.
Dus bevat pageX en pageY die koördinate
van die gebeurtenis met blaaiing in ag geneem.
Sintaksis
event.pageY;
Voorbeeld
Met die beweging van die muis oor die bladsy sal ons sy
koördinate relatief tot die blaaiervenster uitskryf
(pageX en pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
