HTML Olayları Referans Kılavuzu

Kurs tavsiyesi:

Genel olay özellikleri

HTML, kullanıcı bir elemente tıkladığında JavaScript'i başlatmak gibi tarayıcıda eylemleri tetikleyebilir. JavaScript EğitimiProgramlama olayları hakkında daha fazla bilgi edinmek için sitemizi ziyaret edin.

HTML öğelerine eylem işlemleri tanımlamak için eklenmesi gereken genel olay özellikleri.

Window olayları

Özellik Değer Açıklama
Window nesnesi için tetiklenen olaylar (body etiketine uygulanır): script Belge yazdırıldıktan sonra çalışan betik.
onbeforeprint script Belge yazdırılmadan önce çalışan betik.
onbeforeunload script Belge yüklemeden önce çalışan betik.
onerror script Hata olduğunda çalışan betik.
onhaschange script Belge değiştiğinde çalışan betik.
onload script Sayfa yüklenme sonunda tetiklenen.
onmessage script Mesaj tetiklendiğinde çalışan betik.
onoffline script Belge offline olduğunda çalışan betik.
ononline script Belge online olduğunda çalışan betik.
onpagehide script Pencere gizlendiğinde çalışan betik.
onpageshow script Pencere görünür olduğunda çalışan betik.
onpopstate script Pencere geçmişinde değişiklik olduğunda çalışan betik.
onredo script Belge undo (redo) çalıştırılırken çalışan betik.
onresize script Tarayıcı penceresi boyutlandırıldığında tetiklenen.
onstorage script Web Storage bölgesi güncellendikten sonra çalışan betik.
onundo script Belge undo çalıştırılırken çalışan betik.
onunload script Sayfa indirildiğinde tetiklenen (veya tarayıcı penceresi kapatıldığında).

Form olayları

HTML form içeriğindeki eylemler tarafından tetiklenen olaylar (tüm HTML öğelerine uygulanır, ancak en sık form öğelerinde kullanılır):

Özellik Değer Açıklama
onblur script Eleman odak kaybettiğinde çalıştırılan betik.
onchange script Elemanın değeri değiştiğinde çalıştırılan betik.
oncontextmenu script Bağlam menüsü tetiklendiğinde çalıştırılan betik.
onfocus script Eleman odaklandığında çalıştırılan betik.
onformchange script Form değiştiğinde çalıştırılan betik.
onforminput script Form kullanıcı girdisi aldığında çalıştırılan betik.
oninput script Eleman kullanıcı girdisi aldığında çalıştırılan betik.
oninvalid script Eleman geçersiz olduğunda çalıştırılan betik.
onreset script Formdaki yeniden başlat butonu tıklandığında tetiklenir. HTML5'te desteklenmez.
onselect script Formdaki metin seçildiğinde tetiklenir.
onsubmit script Formu gönderdiğinde tetiklenir.

Klavye olayları

Özellik Değer Açıklama
onkeydown script Kullanıcı butonu basıldığında tetiklenir.
onkeypress script Kullanıcı butonu çarptığında tetiklenir.
onkeyup script Kullanıcı tuşunu bıraktığında tetiklenir.

Mouse olayları

Fare veya benzer kullanıcı hareketleri tarafından tetiklenen olaylar:

Özellik Değer Açıklama
onclick script Elemanda fare tıklama olduğunda tetiklenir.
ondblclick script Elemanda fare çift tıklama olduğunda tetiklenir.
ondrag script Eleman sürüklendiğinde çalıştırılan betik.
ondragend script Sürükleme işlemi sonunda çalıştırılan betik.
ondragenter script Eleman geçerli sürükleme alanına sürüklenmiş olduğunda çalıştırılan betik.
ondragleave script Eleman geçerli sürükleme hedefinden ayrıldığında çalıştırılan betik.
ondragover script Eleman geçerli sürükleme hedefinde sürüklendiğinde çalıştırılan betik.
ondragstart script Sürükleme işlemi başladığında çalıştırılan betik.
ondrop script Sürüklenecek eleman sürüklendiğinde çalıştırılan betik.
onmousedown script Elemanın üzerinde fare butonu basıldığında tetiklenir.
onmousemove script Fare işaretçisi elemanın üzerindeyken tetiklenir.
onmouseout script Fare işaretçisi elemanın dışına çıktığında tetiklenir.
onmouseover script Fare işaretçisi elemanın üzerindeyken tetiklenir.
onmouseup script Elemanın üzerinde fare butonu bırakıldığında tetiklenir.
onmousewheel script Fare tekerleği kaydırılırken çalıştırılan betik.
onscroll script Elemanın kaydırma çubuğu kaydırıldığında çalıştırılan betik.

Media olayları

Medya (örneğin video, görsel ve ses) tetiklediği olaylar (tüm HTML elemanları için geçerlidir, ancak genellikle medya elemanlarında yaygındır, örneğin <audio>, <embed>, <img>, <object> ve <video>):

Özellik Değer Açıklama
onabort script Çıkış yaparken çalıştırılan betik.
oncanplay script Dosya oynatmaya hazır olduğunda çalıştırılan betik (önceden yeterli缓冲已足够开始时).
oncanplaythrough script Medya boşaltıldığında çalıştırılan betik.
ondurationchange script Medya uzunluğu değiştiğinde çalıştırılan betik.
onemptied script Arızalandığında ve dosya aniden kullanılamaz hale geldiğinde (örneğin, bağlantı beklenmedik şekilde kesildiğinde) çalıştırılan betik.
onended script Medya sonuna geldiğinde çalıştırılan betik (örneğin, 'Teşekkür ederiz' gibi mesajlar gönderilebilir).
onerror script Dosya yüklenme sırasında hata oluştuğunda çalıştırılan betik.
onloadeddata script Medya verileri yüklendiğinde çalıştırılan betik.
onloadedmetadata script Metaveri (örneğin, çözünürlük ve süre) yüklendiğinde çalıştırılan betik.
onloadstart script Dosya yüklenmeye başlandı ancak henüz herhangi bir veri yüklenmeden önce çalıştırılan betik.
onpause script Medya kullanıcı veya program tarafından durdurulduğunda çalıştırılan betik.
onplay script Medya başlama hazır olduğunda çalıştırılan betik.
onplaying script Medya başlangıçta oynatıldığında çalıştırılan betik.
onprogress script Tarayıcı medya verilerini alırken çalıştırılan betik.
onratechange script Oynatma hızı değiştiğinde her zaman çalıştırılan betik (örneğin, kullanıcı yavaşlatma veya hızlandırma moduna geçtiğinde).
onreadystatechange script Hazır durum değiştiğinde her zaman çalıştırılan betik (hazır durum medya verileri durumunu izler).
onseeked script Seeking özelliği false olarak ayarlandığında (konumun sona erdiğini belirtir) çalıştırılan betik.
onseeking script Seeking özelliği true olarak ayarlandığında (konumun aktif olduğunu belirtir) çalıştırılan betik.
onstalled script Tarayıcı medya verilerini alamadığında herhangi bir nedenle çalıştırılan betik.
onsuspend script Medya verileri tamamen yüklenmeden önce herhangi bir nedenle durdurulduğunda çalıştırılan betik.
ontimeupdate script Oynatma konumu değiştiğinde (örneğin, kullanıcı medyada farklı bir konuma hızlı ilerlediğinde) çalıştırılan betik.
onvolumechange script Ses seviyesi değiştiğinde (sesi sessize ayarlamak da dahil) çalıştırılan betik.
onwaiting script Medya oynatmayı durdurduktan sonra ancak devam etmeyi planladığında (örneğin, medya duraklatıldığında daha fazla veri yüklendiğinde) çalıştırılan betik