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');});
