event.pageY Özelliği
event.pageY özelliği,
fare imlecinin Y eksenindeki koordinatlarını içerir.
Koordinatları belirlemek için ayrıca
event.clientX,
event.clientY,
event.pageX
özellikleri de vardır.
clientX/clientY
ile pageX/pageY arasındaki farka bir göz atalım.
clientX ve clientY nasıl çalışır:
eğer 1000 x 1000
piksel boyutunda bir pencereniz varsa ve fare ortadaysa, clientX
ve clientY her ikisi de 500 olacaktır. Eğer
daha sonra imleci hareket ettirmeden sayfayı yatay veya dikey olarak
kaydırırsanız, clientX ve clientY değerleri değişmeyecektir, çünkü bu değerler
belgeye değil, pencereye göre ölçülür.
pageX ve pageY nasıl çalışır:
eğer 1000 x 1000
piksel boyutunda bir pencereniz varsa ve imleç ortadaysa,
pageX ve pageY 500 olacaktır. Eğer
daha sonra sayfayı 250
piksel aşağı kaydırırsanız, pageY 750 olacaktır.
Böylece pageX ve pageY, kaydırma dikkate alınarak
olayın koordinatlarını içerir.
Sözdizimi
event.pageY;
Örnek
Fare sayfa üzerinde hareket ettirilirken,
tarayıcı penceresine göre koordinatlarını
(pageX ve pageY) gösterelim:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
