FrontEnd Developer RoadMap - HTML 5 Tutorial 52 Tüm Olay Attribute'ları

Merhabalar, bu yazımda Html etiketleri için kullanılabilecek olay attribute’larının bir listesini görüyor olacaksınız.

Olaylar konusu Js bölümünde detaylıca işlenecektir.

Pencere Olay Özellikleri

Özellik	Değer	Tanımı
onafterprint	script	Belge yazdırıldıktan sonra bir script çalıştırır.
onbeforeprint	script	Belge yazdırılmadan önce bir script çalıştırır.
onbeforeunload	script	Belge boşaltılmadan önce bir script çalıştırır.
onerror	script	Hata ile karşılaşıldığında bir script çalıştırır.
onhaschange	script	Belge değiştirildiğinde bir script çalıştırır.
onload	script	Belge yüklenmesi tamamlandığında bir script çalıştırır.
onmessage	script	Mesaj tetiklendiğinde bir script çalıştırır.
onoffline	script	Çevrimdışı olduğunda bir script çalıştırır.
ononline	script	Çevrimiçi olduğunda bir script çalıştırır.
onpagehide	script	Pencere gizlendiğinde bir script çalıştırır.
onpageshow	script	Pencere görünür olduğunda bir script çalıştırır.
onpopstate	script	Pencere geçmişi değişikliklerinde bir script çalıştırır.
onredo	script	İleri işlemi yapıldığında bir script çalıştırır.
onresize	script	Tarayıcı penceresi boyutlandırıldığında bir script çalıştırır.
onstorage	script	Web depolama alanı güncellendiğinde bir script çalıştırır.
onundo	script	Geri işlemi yapıldığında bir script çalıştırır.
onunload	script	Belge kapatıldığında bir script çalıştırır.

Form Olayları

Özellik	Değer	Tanımı
onblur	script	Nesne odağını kaybederse bir script çalıştırır.
onchange	script	Form nesnelerinde bir değişiklik olduğunda bir script çalıştırır.
oncontextmenu	script	Nesne üzerinden içerik menüsü çağırıldığında bir script çalıştırır.
onfocus	script	Nesne odaklandığında bir script çalıştırır.
onformchange	script	Form nesneleri değiştirildiğinde bir script çalıştırır.
onforminput	script	Form nesnelerine kullanıcı girişi olduğunda bir script çalıştırır.
oninput	script	Nesneye kullanıcı girişi olduğunda bir script çalıştırır.
oninvalid	script	Nesneye geçersiz giriş olduğunda bir script çalıştırır.
onreset	script	Form reset butonuna basıldığında bir script çalıştırır. HTML5 desteklenmiyor.
onselect	script	Kullanıcı seçim işlemi yaptığında bir script çalıştırır.
onsubmit	script	Form submit butonuna basıldığında bir script çalıştırır.

Klavye Olayları

Özellik	Değer	Tanımı
onkeydown	script	Kullanıcı bir tuşa basarken bir script çalıştırır.
onkeypress	script	Kullanıcı bir tuşa bastıktan sonra bir script çalıştırır.
onkeyup	script	Kullanıcı bir tuşu bıraktıktan sonra bir script çalıştırır.

Fare Olayları

Özellik	Değer	Tanımı
onclick	script	Fare tuşuna basıldığında bir script çalıştırır.
ondblclick	script	Fare tuşuna iki kere basıldığında bir script çalıştırır.
ondrag	script	Nesnenin sürüklenme esnasında bir script çalıştırır.
ondragend	script	Nesnenin sürüklenmesi bittiğinde bir script çalıştırır.
ondragenter	script	Sürüklenen nesne hedef nesnenin üzerine geldiğinde bir script çalıştırır.
ondragleave	script	Sürüklenen nesne hedef nesnenin dışına çıktığında bir script çalıştırır.
ondragover	script	Sürüklenen nesne hedef nesnenin üzerinde sürüklendikçe bir script çalıştırır.
ondragstart	script	Nesne sürüklenmeye başladığında bir script çalıştırır.
ondrop	script	Sürüklenen nesne hedef nesne üzerinde bırakıldığında bir script çalıştırır.
onmousedown	script	Nesne üzerinde fare ile basılmasında bir script çalıştırır. Fare tuşu bırakılmaz.
onmousemove	script	Nesne üzerinde fare işaretçisi hareket ettirildiğinde bir script çalıştırır.
onmouseout	script	Fare işaretçisi nesne üzerinden ayrıldığında bir script çalıştırır.
onmouseover	script	Fare işaretçisi nesne üzerine geldiğinde bir script çalıştırır.
onmouseup	script	Nesne üzerinde basılan fare tuşu bırakıldığında bir script çalıştırır.
onmousewhell	script	Fare yuvarlağı döndürüldüğünde bir script çalıştırır.
onscroll	script	Nesneye ait scrollbar hareket ettirildiğinde bir script çalıştırır.

Media Olayları

Özellik	Değer	Tanımı
onabort	script	Aktif işlem iptal edildiğinde bir script çalıştırır.
oncanplay	script	Nesne oynatmaya hazır olduğunda bir script çalıştırır.
oncanplaythrough	script	Nesne tamamı ile yüklenip oynatmaya hazır olduğunda bir script çalıştırır.
ondurationchange	script	Nesne video, ses uzunluğu değiştiğinde bir script çalıştırır.
onemptied	script	Dosya kullanamaz duruma geldiği takdirde bir script çalıştırır.
onended	script	Nesnenin oynama süresi bittiğinde bir script çalıştırır.
onerror	script	Nesne yüklenirken bir hata ile karşılaşırsa bir script çalıştırır.
onloadeddata	script	Medya verisi yüklendikten sonra bir script çalıştırır.
onloadedmetadata	script	Medya bilgileri yüklendiğinde bir script çalıştırır.
onloadstart	script	Medya herşeyden önce yüklenmeye başladığında bir script çalıştırır.
onpause	script	Medya ara verildiğinde (pause) bir script çalıştırır.
onplay	script	Medya oynatmaya hazır olduğunada bir script çalıştırır.
onplaying	script	Medya oynatılmaya başladığında bir script çalıştırır.
onprogress	script	Tarayıcı medya verisini işlerken bir script çalıştırır.
onratechange	script	Oynatma hızı değiştirildiğinde bir script çalıştırır.
onreadystatechange	script	Hazır medya değiştirildiğinde bir script çalıştırır.
onseeked	script	Seeking özelliği false olarak değiştirilir ve bir script çalıştırılır.
onseeking	script	Seeking özelliği true olarak değiştirilir ve bir script çalıştırılır.
onstalled	script	Tarayıcı herhangi bir nedenle medya verisi getiremediğinde bir script çalıştırır.
onsuspend	script	Tarayıcı medya içeriğini indirmeye çalışıp, karşılık alamadığında bir script çalıştırır.
ontimeupdate	script	Medya oynatıcı ile pozisyon değiştirildiğinde bir script çalıştırır.
onvolumechange	script	Medya sesi değiştirildiğinde bir script çalıştırır.
onwaiting	script	Medya duraklatıldıktan sonra tekrar oynatıldığında bir script çalıştırır.