HTML - Etkinlik Referansı
Kullanıcılar web sitenizi ziyaret ettiklerinde, çeşitli bağlantılara tıklamak, fareyi metin ve resimlerin üzerine getirmek gibi şeyler yaparlar. Bunlar, JavaScript ve VBScript terminolojilerindeki olaylar dediğimiz şeylerin örnekleridir.
Olay işleyicilerimizi JavaScript veya VBScript kullanarak yazabilir ve bu olaylara karşı yapılacak bazı eylemleri belirleyebiliriz. Bunlar olaylar olmakla birlikte, HTML etiketleri için öznitelikler olarak belirtilecektir.
HTML 4.01 spesifikasyonu 19 olay tanımlamıştı, ancak daha sonra HTML-5 burada listelediğimiz birçok başka olay ekledi
Pencere Olayları Nitelikleri
Aşağıdaki olaylar, eski HTML sürümlerinde tanıtılmıştır, ancak ile işaretlenen tüm etiketler
| Etkinlikler | HTML-5 | Açıklama |
|---|---|---|
| onafterprint |
|
Bir belge yazdırıldıktan sonra tetikler |
| onbeforeprint |
|
Bir belge yazdırılmadan önce tetikler |
| onbeforeonload |
|
Belge yüklenmeden önce tetikler |
| hata |
|
Bir hata oluştuğunda tetikler |
| onhaschange |
|
Bir belge değiştiğinde tetikler |
| yükleme | Bir belge yüklendiğinde tetikler | |
| onmessage |
|
Bir mesaj tetiklendiğinde tetikler |
| çevrimiçi |
|
Bir belge çevrimdışı olduğunda tetikler |
| çevrimiçi |
|
Bir belge çevrimiçi olduğunda tetikler |
| onpagehide |
|
Bir pencere gizlendiğinde tetikler |
| sayfa gösterimi |
|
Bir pencere göründüğünde tetikler |
| onpopstate |
|
Bir pencerenin geçmişi değiştiğinde tetikler |
| Onredo |
|
Bir belge yeniden yaptığında tetiklenir |
| yeniden boyutlandırmak |
|
Bir pencere yeniden boyutlandırıldığında tetikler |
| depolama |
|
Bir belge yüklendiğinde tetikler |
| Onundo |
|
Bir belge bir geri alma gerçekleştirdiğinde tetiklenir |
| onunload | Bir kullanıcı belgeden ayrıldığında tetiklenir |
Form Etkinlikleri
Aşağıdaki etiketler eski HTML sürümlerinde kullanıma sunulmuştur, ancak ile işaretlenen tüm etiketler
| Etkinlikler | HTML-5 | Açıklama |
|---|---|---|
| Bulanık | Bir pencere odağı kaybettiğinde tetikler | |
| değişim | Bir eleman değiştiğinde tetikler | |
| oncontextmenu |
|
Bir bağlam menüsü tetiklendiğinde tetikler |
| odaklan | Bir pencereye odaklanıldığında tetiklenir | |
| onformchange |
|
Bir form değiştiğinde tetikler |
| onforminput |
|
Bir form kullanıcı girişi aldığında tetiklenir |
| giriş |
|
Bir öğe kullanıcı girdisi aldığında tetiklenir |
| geçersiz |
|
Bir öğe geçersiz olduğunda tetikler |
| onreset | Bir form sıfırlandığında tetikler | |
| bir seçim | Bir öğe seçildiğinde tetikler | |
| onsubmit | Bir form gönderildiğinde tetikler |
Klavye Olayları
| Etkinlikler | HTML-5 | Açıklama |
|---|---|---|
| onkeydown | Bir tuşa basıldığında tetikler | |
| onkeypress | Bir tuşa basıldığında ve bırakıldığında tetikler | |
| onkeyup | Bir anahtar bırakıldığında tetikler |
Fare Olayları
Aşağıdaki etiketler eski HTML sürümlerinde kullanıma sunulmuştur, ancak ile işaretlenen tüm etiketler
| Etkinlikler | HTML-5 | Açıklama |
|---|---|---|
| tıklamada | Fare tıklamasıyla tetiklenir | |
| ondblclick | Fare çift tıklamasında tetikler | |
| Ondrag |
|
Bir öğe sürüklendiğinde tetikler |
| ondragend |
|
Sürükleme işleminin sonunda tetikler |
| Ondragenter |
|
Bir öğe geçerli bir bırakma hedefine sürüklendiğinde tetikler |
| Ondragleave |
|
Bir öğe geçerli bir bırakma hedefinden ayrıldığında tetiklenir |
| Ondragover |
|
Bir öğe geçerli bir bırakma hedefinin üzerine sürüklendiğinde tetiklenir |
| Ondragstart |
|
Sürükleme işleminin başlangıcında tetikler |
| ondrop |
|
Sürüklenen bir öğe bırakıldığında tetikler |
| fare kapanı | Bir fare düğmesine basıldığında tetikler | |
| onmousemove | Fare işaretçisi hareket ettiğinde tetiklenir | |
| fare dışında | Fare işaretçisi bir elemanın dışına çıktığında tetiklenir | |
| üstte | Fare işaretçisi bir öğenin üzerine geldiğinde tetiklenir | |
| bir fare | Fare düğmesi bırakıldığında tetikler | |
| tekerlek |
|
Fare tekerleği döndürüldüğünde tetikler |
| kaydırma |
|
Bir öğenin kaydırma çubuğu kaydırıldığında tetiklenir |
Medya Etkinlikleri
Aşağıdaki etiketler eski HTML sürümlerinde kullanıma sunulmuştur, ancak ile işaretlenen tüm etiketler
| Etkinlikler | HTML-5 | Açıklama |
|---|---|---|
| Onabort | Bir iptal olayında tetikler | |
| oncanplay |
|
Bir medya oynatılmaya başladığında tetikler, ancak arabelleğe alma için durması gerekebilir |
| oncanplaythrough |
|
Bir medyanın arabelleğe alma için durmadan sonuna kadar oynatılabildiğini tetikler |
| ondurationchange |
|
Bir medyanın uzunluğu değiştiğinde tetikler |
| boş |
|
Bir medya kaynağı öğesi aniden boşaldığında tetiklenir. |
| birleşik |
|
Bir medya sona ulaştığında tetikler |
| hata |
|
Bir hata oluştuğunda tetikler |
| onloadeddata |
|
Medya verileri yüklendiğinde tetikler |
| onloadedmetadata |
|
Bir medya öğesinin süresi ve diğer medya verileri yüklendiğinde tetikler |
| onloadstart |
|
Tarayıcı medya verilerini yüklemeye başladığında tetiklenir |
| duraklatmak |
|
Medya verileri duraklatıldığında tetikler |
| oynamak |
|
Medya verileri oynatılmaya başladığında tetikler |
| Oynayan |
|
Medya verileri oynatılmaya başladığında tetiklenir |
| ilerleme |
|
Tarayıcı medya verilerini alırken tetikler |
| onratechange |
|
Medya verilerinin oynatma hızı değiştiğinde tetikler |
| onreadystatechange |
|
Hazır durumu değiştiğinde tetikler |
| aranan |
|
Bir medya unsurunun arama özelliği artık doğru olmadığında ve arama sona erdiğinde tetikler |
| Arayan |
|
Bir medya unsurunun arama niteliği doğru olduğunda ve arayış başladığında tetikler |
| yüklü |
|
Medya verilerini getirirken bir hata olduğunda tetikler |
| bekletme |
|
Tarayıcı medya verilerini alırken tetiklenir, ancak tüm medya dosyası alınmadan önce durdurulur |
| ontimeupdate |
|
Medya oynatma konumunu değiştirdiğinde tetiklenir |
| onvolumechange |
|
Bir medya ses seviyesini değiştirdiğinde, ses seviyesi "sessiz" olarak ayarlandığında da tetiklenir |
| bekleyen |
|
Medya oynatmayı durdurduğunda, ancak devam etmesi beklendiğinde tetikler |