Xəsislik event.clientX
Xəsislik event.clientX siçan kursorunun
X oxu üzrə koordinatlarını ehtiva edir.
Koordinatları təyin etmək üçün həmçinin
event.clientY,
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 x 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 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 sənəddən yox,
pəncərəyə nisbətən hesablanır.
pageX və pageY necə işləyir:
əgər sizin 1000 x 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 sürüşdürməni nəzərə alaraq
hadisənin koordinatlarını ehtiva edir.
Sintaksis
event.clientX;
Nümunə
Səhifə üzrə siçan hərəkət etdikdə onun
brauzer pəncərəsinə nisbətən koordinatlarını
çıxadaq (clientX və clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
