Hangi Javascript Eventi, hangi objeye ekli?

Javascript eventlerinin kafa karıştırıcılığından sizi kurtarıp ekli etkinlikleri görüntülemenizi sağlayacak bu yazıya bayılacaksınız!

Özellikle büyük çaplı projelerde, JavaScript etkinlikler (events) genellikle büyük bir muamma olarak görülmektedir. 

Javascript'in karmaşık doğası ve hangi objenin hangi etkinlik ile ilintili olduğunu bulmak çoğu developerın korkulu rüyasıdır.
Bu konunun kafamı fena halde kurcaladığı anlardan birinde yaptığım araştırmalar sonucu rastlamış olduğum Visual Event isimli browser eklentisinin hayatımı kurtardığını görünce, hemen bunu diğer developer arkadaşlarımla paylaşmam gerektiğini fark ettim.

 

Eklenti ne işe yarıyor?

* Herhangi bir web sitesinde hangi element hangi evente eklenmiş?
* Elemana ekli event tipleri neler?
* Event işleme koyulduğunda hangi kod çalışacak?
* İşlemin kaynak dosyası hangisi ve satır numarası ne? (Yalnızca WebKit tabanlı tarayıcılar ve Opera)
gibi kafayı yemenize sebep olabilecek sorulara hem görsel hem fiziksel anlamda cevap bulmanızı sağlıyor.

 

Nasıl çalışır?

* Şu linki sürükleyin ve bookmark barınıza bırakın: Visual Event
* Eventlerini yakalamak istediğiniz bir web sitesini açın ve yüklenene kadar bekleyin.
* Bookmark barınıza eklemiş olduğunuz Visual Event'e tıklayın.
* Bingo! Artık görsel olarak renklendirilmiş öğelerinizin üzerine mouse ile gittiğinizde, bu öğelere eklenmiş eventleri görüntüleyebilir, istediğinizde de köşedeki x butonuna tıklayarak bu eklentiyi kapatıp siteyi normal şekilde görüntüleyebilirsiniz. 

 

Neleri görüntüleyebilirsiniz?

Javascript kütüphanelerinden event bilgisi alabileceğiniz bazıları:
* DOM 0 events
* jQuery 1.2+ 
* YUI 2
* MooTools 1.2+
* Prototype 1.6+
* Glow

 

 

 

özkan avşar diyor ki:
13.12.2012 11:05:29
Hacı bu event yakalama olayı güzelmiş, işe yarıyor.. Saolasın.

Yorum Gönder

Ad Soyad:
E-Posta:
URL:
Yorum:
© Copyright 2011 Cenk EBRET