myNotlar Logo

clientX ve clientY


Internet Explorer Firefox Opera

clientX özelliği, pencerenin içerik alanında fare işaretçisinin soldan olan uzaklığını, clientY özelliği ise üstten olan uzaklığını verir. Firefox ve Opera tarayıcılarında sadece okunabilir olan bu özelliklere Internet Explorer tarayıcısında değer atanabilir.

Sözdizimi

yatay = event.clientX

dikey = event.clientY

Dönüş Değeri

yatayFare işaretçisinin soldan piksel olarak uzaklığı.
dikeyFare işaretçisinin üstten piksel olarak uzaklığı.

clientX ve clientY değerleri daima pencerenin görünen içeriğini hesaplayarak değer döndürürler. Sürükleme çubukları farklı konumlara sürüklense dahi pencerenin görünen içerik alanının sol-üst noktası her ikisi içinde daima '0' (sıfır) olacaktır.

Aşağıdaki örnek, fare işaretçisinin sayfa üzerinde bulunduğu konumların clientX ve clientY özellikleri ile dinamik olarak öğrenilmesini göstermektedir.

<div id="ornekDiv" style="width:200px; height:40px; background-color:#CCDDFF; padding:10px;">

</div>

<script type="text/javascript">

var div = document.getElementById('ornekDiv');

function fareOku(olay) {
	olay = olay || event;
	var yazilacak = "Soldan = " + olay.clientX + "<br/>" + "Üstten = " + olay.clientY;
	div.innerHTML = yazilacak;
}

document.onmousemove = fareOku;

</script>
Canlı Sonuç
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |