screenX ve screenY Özellikleri
screenX ve screenY özellikleri, sistem ekranı üzerinde fare işaretçisi konumunun üstten ve soldan uzaklığını döndürürler.
Sözdizimi
yatay = event.screenX
dikey = event.screenY
Dönüş Değeri
| yatay | Fare işaretçisinin, sistem ekranı üzerindeki soldan uzaklığı. |
| dikey | Fare işaretçisinin, sistem ekranı üzerindeki üstten uzaklığı. |
Aşağıdaki örnek, fare butonlarına tıklandığı zaman işaretçinin doküman ve ekran üzerindeki tıklama konumlarını göstermektedir.
<style type="text/css">
#bilgiKutu
{
padding:10px;
color:white;
font-weight:bold;
background-color:#559900;
border:solid 2px #008800;
width:150px;
}
</style>
<div id="bilgiKutu"></div>
<script type="text/javascript">
var bilgiKutu = document.getElementById('bilgiKutu');
function yakala(olay)
{
var yazilacak = "pageX : " + olay.pageX +
"<br/>pageY : " + olay.pageY +
"<br/>screenX : " + olay.screenX +
"<br/>screenY : " + olay.screenY;
bilgiKutu.innerHTML = yazilacak;
}
document.onmousedown = yakala;
</script>
Test Edin
Sayfanın herhangi bir yerine tıklayın.