8.DERS-JavaScript’te Olaylar(EVENTS)

JavaScript nesne tabanlı bir dildir ve bu yüzden bir çok şey nesneler ile çalışır.Örneğin bir butona tıklandığında bir işlemin yerine gelmesi gibi.Şimdi JavaScript’te hazır olan bir kaç olayı nasıl kullanacağımıza bakalım:

onload Olayı:

Bu olay, sayfa yüklendikten sonra çalıştırılacak olan işlemlerin yapılması için kullanılır .

Örneğin burada baslarken isimli bir fonksiyon oluşturup içerisine sayfa yüklendiğinde çalıştırmasını istediğimiz kod bloklarını yazdık ve body kısmında bir script oluşturup onload olayının içerisinde baslarken fonksiyonunu çağırdık.Bu da sayfa yüklendiği zaman baslarken fonksiyonunun işlemlerini yap anlamına gelmektedir.

onclick Olayı:

Onclick , bir butona veya herhangi bir nesneye tıklandığında bir işlemin gerçekleştirilmesi için kullanılır.

Örnek:

Örneğin bu uygulamada yazdığımız kodların <form></form> kısımları arasında olmasını ve yazdığımız şeylerin ne olduğunu anlamamış olabilirsiniz.Ancak o kısım çok da önemli değildir ben burada kısaca bir form oluşturdum ve onayla butonuna tıkladığımda öalıştırıcak olan kodları onayla isimli bir fonksiyonda gösterdim.Daha sonra

<button onclick=”onayla()”>Onaylıyorum.</button>  yazdığımız yerde aslnda bir buton oluşturup butona tıklandığında çalışmasını istediğimiz fonksiyonu “onayla()” şeklinde çağırdık ve butonun üzerine de ‘Onaylıyorum.’ yazdırdık.Dikkat ederseniz butonun üzerine yazdığımız şey tırnak içerisinde belirtilmedi.

Bu iki olay en çok kullanılan olaylardır.Bunların yanı sıra onfocus, onblur, onerror, onchange ,onmouseover, onmouseout, onkeydown gibi bir çok olay vardır.Belki ilerleyen zamanlarda bu olayları da açıkça gösteren örnekler yapabilirim.

İzlemek isterseniz Youtube’daki olaylar ile ilgili  şu videoyu izleyebilirsiniz.