jQuery Events: Mouse Pozisyonu

Mouse Pozisyonunu nasıl bulabilirim?

jQuery, mouse pozisyonunu kolay bir şekilde algılamayı sağlar. Bunu yapabilmek için ise event’lerin .pageX ve .pageY özniteliklerini öğrenmeliyiz. Bu öznitelik de bize mouse’un nerede olduğunu pixel olarak gösterir.

Mouse Pozisyonunu takip etmek
Farenizi hareket ettirdiğinizde gördüğünüz gibi değerler sürekli olarak okunuyor ve güncelleniyor:

<script src="jquery.js" type="text/javascript"><!--mce:0--></script>
<script type="text/javascript"><!--mce:1--></script>
<h2 id="status">
0, 0</h2>

Yukarıda gördüğünüz örneğin kaynak kodu aşağıdaki gibi:

0, 0
DIV’e nereden tıklanılmış?

.pageX ve .pageY herhangi bir event içerisinde iyice okunabilir, sadece .mousemove() ile değil.
 Örneğin, belki siz tam olarak DIV içerisinde nereye tıklanıldığını öğrenmek istiyorsunuz:
 İşte size bir örnek:


<script src="jquery.js" type="text/javascript"><!--mce:4--></script>
<script type="text/javascript"><!--mce:5--></script>
<h2 id="status2">
0, 0</h2>
<div id="special" style="background: #cccccc none repeat scroll 0% 0%; width: 100px; height: 100px;">
Herhangi bir yere tiklayin</div>


Mouse pozisyonunu gösteren eklentiler
Aşağıdaki eklentileri inceleyip kullanabilirsiniz. 

 Jörn Zaefferer’s tooltip plugin
 Cody Lindley’s Thickbox
 Klaus Hartl’s Tabs plugin
 Interface by Stefen Petre with Paul Bakaus
 diÄŸerleri?

Yardımlarından dolayı nlogax, Getty, John, ve diğer irc kullanıcılarına teşekkürler!
Kaynak gösterdiğiniz taktirde istediğiniz platformda paylaşabilirsiniz. Bu arada sayfa içerisinde bazı kodlar bozuk gözüküyor, yani uygulama tam olarak çalışmıyor. Belirtilen kodları kendiniz test ettiğinizde herhangi bir sorun yaşamıyorsunuz, bilginize.
Yazar: Mehmet Tahta

Kaynak: JQuery Events: Mouse Pozisyonu

Lutfen Soru ve sorunlarınız hakkında, iletişim bölumunu kullanmak yerine yorum yapınız!

Etiketler: Div Id, Stefen, Style Background, Tahta, Text Javascript