Javascript ile Cursor Koordinatlarını Alma
Javascript

Javascript ile Cursor Koordinatlarını Alma

Merhaba arkadaşlar. Bu makalemde sizlere Javascript ile Cursor Koordinatlarını almaktan bahsedeceğim. Bu koordinat bilgisini alarak ekranın belirli bir alanına gelindiğinde bir işlem yaptırabilirsiniz. Bu tamamen sizin yaratıcılığınıza kalmış birşeydir. Ben hemen kodlarımıza geçiyorum.

<html>
<head>
<title>Javascript ile Cursor Koordinatlarını Alma</title>
<script type="text/javascript">
var xkordinasyon = 0;
var ykordinasyon = 0;
var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = koordinat;

function koordinat(k){
if(ie){
xkordinasyon = event.clientX + document.body.scrollLeft;
ykordinasyon = event.clientY + document.body.scrollTop;
}
else{
xkordinasyon = k.pageX;
ykordinasyon = k.pageY;
}
document.getElementById('xkoordinat').innerHTML = xkordinasyon;
document.getElementById('ykoordinat').innerHTML = ykordinasyon;
return true;
}
</script>
</head>
<body>
<div>
X :
<a id="xkoordinat"></a></div>
<div>
Y :
<a id="ykoordinat"></a></div>
</body>
</html>
Fare imlecimizin X ve Y koordinatlarını aldık ve ekranda anlık olarak güncellenecek şekilde yazdırdık. Bir sonraki yazımda görüşmek üzere...


author

Aykut Erdoğan

javascript, screen, document, onmousemove

  • Bu Yazılara da Gözat:

    0 Yorum

    Cevapla