offsetX ve offsetY özellikleri, ilgili olayın gerçekleştiği nesne/katman içinde fare işaretçisi konumunun üstten ve soldan uzaklığını verirler.
Bu değerlerin Firefox tarayıcısındaki karşılıkları layerX ve layerY özellikleridir.
Sözdizimi
yatay = event.offsetX
dikey = event.offsetY
Dönüş Değeri
yatay | Fare işaretçisinin, nesne içindeki soldan uzaklığı. |
dikey | Fare işaretçisinin, nesne içindeki üstten uzaklığı. |
Aşağıdaki örnek, fare işaretçisinin doküman üzerinde ve Div ve Table elementleri içindeki konumunun dinamik olarak gösterilmesini göstermektedir.
<table id="anaTablo"><tr><td width="50%">
<table id="ornekTablo" style="background-color:#55AA55;"><tr><td>
Tablo Sütunu
</td></tr></table>
</td><td width="50%">
<div id="ornekDiv" style="background-color:#5555AA;"> DIV </div>
</td></tr></table>
<div id="bilgiKutu"></div>
<script type="text/javascript">
var bilgiKutu = document.getElementById('bilgiKutu');
function yakala()
{
var yazilacak = "Soldan (offsetX) : " + event.offsetX +
"<br/>Üstten (offsetY) : " + event.offsetY;
bilgiKutu.innerHTML = yazilacak;
}
document.onmousemove = yakala;
</script>
Test Edin