2 dk okuma

Temel JavaScript (2) - JavaScript'e Girelim

# Arayüz Programlama# javascript# js

 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.

<input type="button" value="Tıkla" />

Çı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;

onLoad       Yüklenme olayıdır. Nesnenin yüklenmesi tamamlandığı zaman gerçekleşmiş demektir.
onAbort      Sayfa veya bir nesnenin yüklenmesinin kullanıcı tarafından durdurulması olayıdır.
onError      Sayfa veya bir nesnenin yüklenmesinde bir hata oluşması olayıdır.
onUnload     Kullanıcının sayfadan ayrılması olayıdır.
onClick      Kullanıcının belirtilen nesne alanına tıklanması olayıdır.
onMouseOver  Kullanıcının fare kursörünü, belirtilen nesne alanına getirmesi olayıdır.
onMouseOut   Kullanıcının fare kursörünü, belirtilen nesne alanından ayırması olayıdır.
onSelect     Belirtilen nesnenin seçilmesi olayıdır.
onFocus      Belirtilen nesneye herhangi bir şekilde odaklanması durumudur.
onBlur       Odaklanmış olan nesneden ayrılma durumudur.
onSumbit     Bir formun gönderim işleminin başlaması olayıdır.
onReset      Bir formun verilerinin sıfırlanması olayıdır.
onChange     Bir nesnenin parametrelerinin (değerlerinin) değişmesi olayıdır.

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.

Share this post