Isse Kun
Emektar Üye
Merhaba arkadaşlar bugün sizler ile JavaScript derslerimizde kaldığımız yerden devam edeceğiz.Bugün göreceğimiz ders ise JavaScript olaylarıdır hadi dersimize geçelim.
JavaScript Olayları (Events)
JavaScript'in en büyük amacı, sayfamızda bir olay gerçekleştiği zaman istediğimiz işlemleri gerçekleştirebilmemize olanak sağlar.Bunu sağlamak için sayfada gerçekleşebilecek olaylara birer isim verilmiştir.İstenilen olay karşılığında bir javascript fonksiyonunu çağırıp, ilgili işlemleri yapabiliriz.
Örneğin bir butona tıkladığımızda hesapla isimli bir fonksiyonu çalıştırmak istiyorsak buton elementinin içerisine onclick parametresi şu şekilde yazılır.
JavaScript'teki önemli olan olayları açıklayalım.
onClick: Elemana tıklanması olayıdır.
onDblClick: Elemana çift tıklanma olayıdır.
onLoad: Elemanın yüklenmesi olayıdır.Bu sayfanın kendisi olabileceği gibi bir resim veya frame de olabilir.Sayfa yüklendiğinde direk çalışması istenen bir fonksiyon varsa bu olay ile çağrılabilir;
onUnLoad: Tarayıcıda açık haldeki sayfanın terk edilmesi olayıdır.Bu pencerenin kapatılmasıyla olabileceği gibi bir linke tıklayarak başka bir sayfaya yönlendirilmesi de olabilir.
onFocus: Bir elemanın seçilerek odaklanılması olayıdır.Örneğin bir metin kutusuna tıklandığında kontrol o kutuya geçer ve kutu aktif hale gelir.Bir sonraki konumda bunun hakkında bir örnek vereceğim.
onBlur: Aktif haldeki elemanın terk edilmesi olayıdır.Örneğin bir metin kutusu aktifken, başka bir yere tıklanarak kutudan çıkıldığında blur olayı meydana gelmiş olayı.
onMauseOver: Fare ile elemanın üzerine gelinmesi olayıdır.
onMauseOut: Fare imlecinin, eleman üzerinden çekilmesi olayıdır.
onMauseMove: Fare imlecinin, eleman üzerinde hareket ettirilmesi olayıdır.
onMauseDown: Fare sol tuşunun eleman üzerindeyken basılması olayıdır.Tuş aşağı indiği an itibari ile fonksiyon çalışır.
onMauseUp: Fare sol tuşunun eleman üzerindeyken basılıp bırakılması olayıdır.Fare tuşu aşağıda iken çalışmaz, tuş bırakıldığında çalışır.
onKeyDown: Klavyeden bir tuşa basılması olayıdır. Basılan tuşun ASCII kodu Event.keyCode özelliği ile öğrenilebilir. String.fromCharCode metodu ise okunan karakter kodunu tuşun ismine çevirebilir.
onSelect: Bir metin kutusunun içinde bulunan metnin seçilmesi olayıdır.
onResize: Tarayıcı penceresinin boyutunun değiştirilmesi olayıdır.
JavaScript ile ilgili bir önceki JavaScript Dersleri (Değişken Tanımlama) adlı konum.
JavaScript Olayları (Events)
JavaScript'in en büyük amacı, sayfamızda bir olay gerçekleştiği zaman istediğimiz işlemleri gerçekleştirebilmemize olanak sağlar.Bunu sağlamak için sayfada gerçekleşebilecek olaylara birer isim verilmiştir.İstenilen olay karşılığında bir javascript fonksiyonunu çağırıp, ilgili işlemleri yapabiliriz.
Örneğin bir butona tıkladığımızda hesapla isimli bir fonksiyonu çalıştırmak istiyorsak buton elementinin içerisine onclick parametresi şu şekilde yazılır.
JavaScript:
<input type="button" value="Hesapla" onclick="hesapla()" />JavaScript'teki önemli olan olayları açıklayalım.
onClick: Elemana tıklanması olayıdır.
onDblClick: Elemana çift tıklanma olayıdır.
onLoad: Elemanın yüklenmesi olayıdır.Bu sayfanın kendisi olabileceği gibi bir resim veya frame de olabilir.Sayfa yüklendiğinde direk çalışması istenen bir fonksiyon varsa bu olay ile çağrılabilir;
<body onload="girisFonksiyonu()" > ,onUnLoad: Tarayıcıda açık haldeki sayfanın terk edilmesi olayıdır.Bu pencerenin kapatılmasıyla olabileceği gibi bir linke tıklayarak başka bir sayfaya yönlendirilmesi de olabilir.
onFocus: Bir elemanın seçilerek odaklanılması olayıdır.Örneğin bir metin kutusuna tıklandığında kontrol o kutuya geçer ve kutu aktif hale gelir.Bir sonraki konumda bunun hakkında bir örnek vereceğim.
onBlur: Aktif haldeki elemanın terk edilmesi olayıdır.Örneğin bir metin kutusu aktifken, başka bir yere tıklanarak kutudan çıkıldığında blur olayı meydana gelmiş olayı.
onMauseOver: Fare ile elemanın üzerine gelinmesi olayıdır.
onMauseOut: Fare imlecinin, eleman üzerinden çekilmesi olayıdır.
onMauseMove: Fare imlecinin, eleman üzerinde hareket ettirilmesi olayıdır.
onMauseDown: Fare sol tuşunun eleman üzerindeyken basılması olayıdır.Tuş aşağı indiği an itibari ile fonksiyon çalışır.
onMauseUp: Fare sol tuşunun eleman üzerindeyken basılıp bırakılması olayıdır.Fare tuşu aşağıda iken çalışmaz, tuş bırakıldığında çalışır.
onKeyDown: Klavyeden bir tuşa basılması olayıdır. Basılan tuşun ASCII kodu Event.keyCode özelliği ile öğrenilebilir. String.fromCharCode metodu ise okunan karakter kodunu tuşun ismine çevirebilir.
onSelect: Bir metin kutusunun içinde bulunan metnin seçilmesi olayıdır.
onResize: Tarayıcı penceresinin boyutunun değiştirilmesi olayıdır.
JavaScript ile ilgili bir önceki JavaScript Dersleri (Değişken Tanımlama) adlı konum.