Temel JavaScript (2) – JavaScript’e Girelim

 Web Programcıları İçin Temel JavaScript Bilgisi


Gereksiz açıklamalar

Okuduğunuz bu dökümanın başlığından da anlayabileceğiniz gibi bunu okuyan arkadaşlarımın neredeyse hepsi programcı, illaki bir c veya java tabanlı dil ile uğraşmışsınızdır. Javascriptdeki neredeyse çoğu şey c, java ailesi dillerde olduğu gibidir. O açıdan döngüler, kontrol yapıları, operatörler ile ilgili verilmesi gereken bilgileri geçiyorum.

Olaylar, kullanıcı hareketinin kontrolü

Javascript dinamiktir, olaylara tepki vermesi için geliştirilmiştir. Zaten kullanım alanı kullanıcının etkisine tepki veren sayfa geliştirmektir. Mesela farenin hareketine, biryere tıklamaya veya bi nesne üzerindeki olaylara.

HTML nesneleri üzerinde bazı olaylar tanımlayarak o olaylarda javascript fonksiyonlarımızın/görevlerimizin çalıştırılmasını sağlayacağız. Bütün görevler olaylar ile tanımlanmak zorunda değildir. Bir görevi olay vermeden yazarsak, html sunucudan yüklenmeye başladıktan sonra, yazdığınız kod okunup anlamlı halde yorumlandığı anda işlenmiş olacaktır. Bu olaylar nesneler arasındaki farklara göre değişir. Bir buton tıklanabilir, üstüne fare imleci getirilebilir, odaklanabilir vs bir resim tıklanabilir, yüklenebilir, fare imleci üstüne getirilip üstünden kaçırılabilir ancak odaklanamaz!

Olayları html etiketlerine doğrudan argüman olarak yazabiliriz ya da betiğimiz içinde nesne olarak ulaştıktan sonra tarayıcı türüne göre o nesneye bir olay (event) ekleyerek tepki oluşturabiliriz.

Örneğin bir input butona tıklandığında tepki olarak ekrana birşeyler yazdıralım.

Çıktı :

Her nesneye ait belirli olan bu olayları araştırarak bulabilirsiniz. Sabit birşey yok çünkü, bu olayları web tarayıcı programı yakaladığı için bazı olaylar her tarayıcı tarafından yakalanmıyor ya da farklı algılanıyor.

Burada bütün olası olayları ve anlamlarını açıklayarak yazacağım;

http://www.w3schools.com/jsref/jsref_events.asp adresinden hangi olayların hangi html nesneleri tarafından desteklenip desteklenmediğini öğrenebilirsiniz.

Temel Javascript (3) – Çıktılar ve Nesneler dökümanından devam edin.

“Temel JavaScript (2) – JavaScript’e Girelim” için bir cevap

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir