myNotlar Logo

pageX ve pageY


Firefox Opera

pageX ve pageY özellikleri, fare işaretçisi konumunun, doküman üzerinde üstten ve soldan uzaklığını verirler.

Sözdizimi

yatay = event.pageX

dikey = event.pageY

Dönüş Değeri

yatayFare işaretçisinin, doküman üzerindeki soldan uzaklığı.
dikeyFare işaretçisinin, doküman üzerindeki üstten uzaklığı.

Aşağıdaki örnek, fare işaretçisinin doküman üzerinde bulunduğu güncel konumun, işaretçinin sağ-alt tarafında gösterilmesini göstermektedir.

<style type="text/css">
#bilgiKutu
{
    position:absolute;
    padding:10px;
    opacity:0.7;
    color:white;
    font-weight:bold;
    background-color:#559900;
    border:solid 2px #008800;
}
</style>

<input id="ornekSabit" type="checkbox" checked="checked" onClick="sabitle()"/>
<label for="ornekSabit">Sabitle</label>

<div id="bilgiKutu"></div>

<script type="text/javascript">

var bilgiKutu = document.getElementById('bilgiKutu');

function yakala(olay)
{
    var yazilacak = "Soldan (pageX) : " + olay.pageX +
                "<br/>Üstten (pageY) : " + olay.pageY;
                
    bilgiKutu.innerHTML = yazilacak;
    bilgiKutu.style.top = olay.pageY + 20;
    bilgiKutu.style.left = olay.pageX + 15;
}

function sabitle()
{
	if(document.getElementById('ornekSabit').checked)
		bilgiKutu.style.position = 'static';
	else
		bilgiKutu.style.position = 'absolute';
}

document.onmousemove = yakala;
</script>
Test Edin
İ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 |