• JavaScript Olaylar (Events)

    JavaScript Olaylar (Events)

    İnternet sayfamızdaki her şey olaylarla gözlenebilir. Farenin herhangi bir yere tıklaması, klavyeden bir şeyler yazılması, sayfanın yüklenmesi vb. eylemler olaylarla kontrol edilebilir. Olayların gerçekleşmesi ile yazılmış fonksiyonların tetiklenmesi sağlanır.

    Olay yöneticileri, olay gerçekleştiğinde hazırladığımız fonksiyonları tetiklememizi sağlar.

    onClick Olayı

    Html etiketlerinin üstüne tek tıklandığında gerçekleşen olaylara onClick olayları denir.

    Kullanımı:

    <a onclick=”fonksiyon_ismi()”> Yazı </a>

     

     

    onDblClick Olayı

     Html etiketlerinin üstüne çift tıklandığında gerçekleşen olaylara onDblclick olayları denir.

    Kullanımı:

    <a ondblclick=”fonksiyon_ismi()”> Yazı </a>

     

    onLoad Olayı

    Sayfamızdaki herhangi bir nesnenin tamamıyla yüklenme olayını temsil eder. Body, img, frame ve frameset etiketlerinde kullanılabilir.

    Kullanımı:

    <body onload=”fonksiyon_ismi()”>

     

    onUnLoad Olayı

    Nesnenin kaldırılması olayını gözler. Body etiketi içerisine parametre olarak yazılırsa sayfanın kapatılma olayını gözlemiş oluruz.

    Kullanımı:

    <body onunload=”fonksiyon_ismi()”>

     

    onFocus Olayı

    Sayfa üzerinde html elemanı işlem yapılmak üzere seçildiğinde yani o nesneye odaklanıldığında çalışan olay tipidir.

    Örneğin bir metin kutusu içerisine yazı yazılmak üzere seçildiğinde uyarı vermesini sağlayabiliriz.

    Kullanımı:

    <input type=”text” onfocus=”fonksiyon_ismi()”/>

     

    onBlur Olayı

    Seçilen html nesnesinin seçilme özelliğini kaybettiğinde çalışan olaydır. Seçilmiş eleman seçimden çıkartıldığında tetiklenir ve uyarı verir.

    Kullanımı:

    <input type="text" onblur="fonksiyon_ismi()"/>

     

    onMouseOver Olayı

    Html nesnesinin üstüne gelme olayını gözleyen olaydır.

    Kullanımı:

    <img src=”resim.jpg” onmouseover=”fonksiyon_ismi()”>

     

    onMouseOut Olayı

    Farenin nesne üzerinden ayrıldığında gözlenen olaydır.

    Kullanımı:

    <img src=”resim.jpg” onmouseout=”fonksiyon_ismi()”>

     

    onMouseMove Olayı

    Fare nesne üzerinde gezdirildiğinde meydana gelen olaydır

    Kullanımı:

    <img src=”resim.jpg” onmousemove=”fonksiyon_ismi()”>

     

    onMouseDown Olayı

    Fare nesne üzerinde basıldığı anda gerçekleşen olaydır. Click ile farkı click olayının bırakılma eylemidir.

    Kullanımı:

    <img src=”resim.jpg” onmousedown=”fonksiyon_ismi()”>
    
    

     

    onMouseUp Olayı

    Farenin basılı olan tuşu bıraktığında gerçekleşen olaydır.

    Kullanımı:

    <img src=”resim.jpg” onmouseup=”fonksiyon_ismi()”>

     

     

    onKeyDown Olayı

    Klavyeden tuşa basma olayıdır. Metin kutusu nesnesinde klavyeden tuşa basıldığında fonksiyon çalışır.

    Kullanımı:

    <input  type=”text” onkeydown=”fonksiyon_ismi()”/>

     

    onSelect Olayı

    Metin kutuları içerisindeki yazı seçildiğinde meydana gelen olaydır.

    Kullanımı:

    <input  type=”text” onselect=”fonksiyon_ismi()”/>

     

    onResize Olayı

    Tarayıcı penceresinin boyutunu değiştirdiğinde gerçekleşen olaydır. Body etiketinin içine yazılır.

    Kullanımı:

    <body onresize=”fonksiyon_ismi()”>

     


    JavaScript Olaylar (Events) için yorum yap :

    JavaScript Olaylar (Events) ilgili aklına takılan soruları sorabilir veya bildiklerinizi paylaşabilirsiniz.

     

    Bu sayfa için yorum yazılmamıştır ilk yorumu siz yazabilirsiniz.