Xüsusiyyət event.pageY
Xüsusiyyət event.pageY içində
siçan kursorunun Y oxu üzrə koordinatlarını ehtiva edir.
Koordinatları müəyyən etmək üçün həmçinin
event.clientX,
event.clientY,
event.pageX xüsusiyyətləri var.
Gəlin clientX/clientY
və pageX/pageY arasındakı fərqə baxaq.
clientX və clientY necə işləyir:
əgər 1000 ə 1000
piksel ölçülü pəncərəniz varsa və siçan mərkəzdədirsə, onda clientX
və clientY hər ikisi 500 olacaq. Əgər
siz kursoru hərəkət etdirmədən üfüqi
və ya şaquli sürüşdürsəniz, onda clientX və clientY
dəyərləri dəyişməyəcək, çünki onlar sənədə yox,
pəncərəyə nisbətən hesablanır.
pageX və pageY necə işləyir:
əgər 1000 ə 1000
piksel ölçülü pəncərəniz varsa və kursor mərkəzdədirsə, onda
pageX və pageY 500 olacaq. Əgər
siz səhifəni 250
piksel aşağı sürüşdürsəniz, onda pageY 750 olacaq.
Beləliklə pageX və pageY hadisənin koordinatlarını
sürüşdürməni nəzərə alaraq ehtiva edir.
Sintaksis
event.pageY;
Nümunə
Siçan səhifə üzrə hərəkət etdikdə
onun brauzer pəncərəsinə nisbətən koordinatlarını
(pageX və pageY) çıxadaq:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
