Xassə event.clientY
Xassə event.clientY siçan kursorunun Y oxu üzrə koordinatlarını ehtiva edir.
Koordinatları təyin etmək üçün həmçinin
event.clientX,
event.pageX,
event.pageY xassələri var.
Gəlin clientX/clientY ilə
pageX/pageY arasındakı fərqə baxaq.
clientX və clientY necə işləyir:
əgər sizin 1000 ə 1000
piksel pəncərəniz varsa və siçan mərkəzdədirsə, onda clientX
və clientY hər ikisi 500 olacaq. Əgər
siz sonra kursoru hərəkət etdirmədən səhifəni ü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 pəncərəyə nisbətən hesablanır,
sənədə deyil.
pageX və pageY necə işləyir:
əgər sizin 1000 ə 1000
piksel pəncərəniz varsa və kursor mərkəzdədirsə, onda
pageX və pageY 500 olacaq. Əgər
siz sonra səhifəni 250
piksel aşağı sürüşdürsəniz, onda pageY 750 olacaq.
Beləliklə pageX və pageY sürüşdürməni nəzərə alaraq hadisənin koordinatlarını
ehtiva edir.
Sintaksis
event.clientY;
Nümunə
Səhifə üzrə siçan hərəkət etdikdə onun koordinatlarını brauzer pəncərəsinə nisbətən
(clientX və clientY) çıxadaq:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
