Javascript 5 adet olay tipi tanımlamaktadır bunlar form, image, mouse, link ve window olayları.
Form Olayları şunlardır :
* blur - input nesnesi aktifliğini kaybetti, klavye artık ona yönlenmez
* change - Bir eleman değişime uğradı
* focus - input nesnesi aktifliği ele geçirdi, klavye girdisi ona yönlenir.
* reset - Kullanıcı nesneyi resetledi, sıfırladı
* select - Bir text seçildi
* submit - Kullanıcı nesneyi göndermeye başladı, form gönderilmeye başladı
Image olayları
* abort - Resimin yüklenmesi durduruldu
* error - Resimi yüklerken bir hata oluştu
* load - Resim yüklendi.
Mouse olayları
* mouseOut - Mouse bir nesnenin üzerinden çıktı
* mouseOver - Mouse bir nesnenin üzerinde
Link Olayları
* click - bir nesne tıklandı
Window olayları
* load - Nesne yüklendi
* unload - Nesneden ayrılındı, pencereden ayrılındı.
HTML taglarına göre hangi olay gerçekleşebilir aşağıdaki listede yer almaktadır.
* <A>
o click (onClick)
o mouseOver (onMouseOver)
o mouseOut (onMouseOut)
* <AREA>
o mouseOver (onMouseOver)
o mouseOut (onMouseOut)
* <BODY>
o blur (onBlur)
o error (onError)
o focus (onFocus)
o load (onLoad)
o unload (onUnload)
* <FORM>
o submit (onSubmit)
o reset (onReset
* <FRAME>
o blur (onBlur)
o focus (onFocus)
* <FRAMESET>
o blur (onBlur)
o error (onError)
o focus (onFocus)
o load (onLoad)
o unload (onUnload)
* <IMG>
o abort (onAbort)
o error (onError)
o load (onLoad)
* <INPUT TYPE = "button">
o click (onClick)
* <INPUT TYPE = "checkbox">
o click (onClick)
* <INPUT TYPE = "reset">
o click (onClick)
* <INPUT TYPE = "submit">
o click (onClick)
* <INPUT TYPE = "text">
o blur (onBlur)
o focus (onFocus)
o change (onChange)
o select (onSelect)
* <SELECT>
o blur (onBlur)
o focus (onFocus)
o change (onChange)
* <TEXTAREA>
o blur (onBlur)
o focus (onFocus)
o change (onChange)
o select (onSelect)
üstteki listede "blur" gibi isimler olayın asıl adı, onBlur ise "<a onBlur" gibi kullanabileceğimiz olay adıdır.
bir nesne için olayı dinlemek istiyorsanız bu prototype kütüphanesinde şu şekildedir.
Event.observe($(nesne_idsi), 'olay_adi', fonksiyon_referansı);
nesne_idsi : nesneye verdiğiniz id="..." parametresidir.
olay_adi : nesne üzerinde gerçekleşebilece olayın adı
fonksiyon_referansı : olay olduğunda çalıştırılaak fonksiyonun referansı
Örnek : Event.observe($('my_button'), 'click', function(){ alert('test');});
Hiç yorum yok:
Yorum Gönder