Javascript ile Mouse Kordinatlarını Alma

 bcakir
 22 Nisan 2012

Merhaba arkadaşlar, bu yazımda Javascript ile faremizin imlecinin sayfada bulunduğu pozisyonu almayı sizlere anlatacağım. Bu uygulama ile farenizin bulunduğu pozisyonu alabilecek ve isterseniz bu pozisyona göre işlem yaptırabileceksiniz. Siz bu uygulamayı geliştirebilir ya da başka bir uygulama ile birleştirerek değişik uygulamalar çıkarabilirsiniz. Değişik tarzda uygulamalar yapmak, sizlerin ihtiyacına ve yaratıcılığına kalmış. Uygulamamızın içeriğini anlattım, şimdi geliştirme işlemine başlayalım.

<!DOCTYPE html>
<html>
<head>
<title>Javascript ile Mouse Koordinatlarini Almak</title>
<script type="text/javascript">
var cordX = 0;
var cordY = 0;
var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = findCordinate;

function findCordinate(k){
    if(ie){ 
      cordX = event.clientX + document.body.scrollLeft;
      cordY = event.clientY + document.body.scrollTop;
    }else{  
      cordX = k.pageX;
      cordY = k.pageY;
    }   
    document.getElementById('x').innerHTML = cordX;
    document.getElementById('y').innerHTML = cordY;
    return true;
}
</script>
</head>
<body>
<div>X: <span id="x"></span></div>
<div>Y: <span id="y"></span></div>
</body>
</html>

Yukarıda faremizin bulunduğu kordinatları aldık ve ekranda X ve Y eksenine göre kordinatlarının ne olduğunu span içerisinde gösterdik. Böylece bir uygulamamızın daha sonuna geldik. İyi günlerde kullanmanız dileğiyle.

 1.269 Okunma

Bu yazıya 3 yorum yapılmış.

  1. süper bir makale olmuş + siteniz süper javascripti güzel kullanmışınız güzel bir tema bekliyoruz sizden 🙂

    • Teşekkür ederim, tema yapmak aklımın bir köşesinde duruyor ama işlerden ve derslerden yeterince zaman ayıracak vaktim bulunmuyor.

  2. Merhaba !
    Bu script dinamik bileşen( Java Player(JViewer.js) ) üzerine gelince çalışmıyor. Gerçekten başımı ağrıttı, 2 haftadır bununla uğraşıyorum. Sil baştan admin panel ve recaptcha yazdım 4 günümü aldı ama bunu hala bitiremedim 🙁 . En sonunda ben bu işi beceremiyorum diye brakıcam.. İlgilenirsen çok sevinirim . Miles ! Magus! Kolay gelsin

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

Daha fazla JavaScript
Kapat