HTML olayları HTML öğeleri başına "şeyler" dir.
JavaScript HTML sayfalarında kullanıldığında, JavaScript olabilir "react" Bu olaylar üzerine.
HTML Olaylar
Bir HTML olay tarayıcı bir şeyi veya bir kullanıcı bir şeyi olabilir.
İşte HTML olayların bazı örnekler:
- Bir HTML web sayfası yüklenmesi tamamlandıktan
- Bir HTML Giriş alanı değiştirildi
- Bir HTML düğmesi tıklandığı
olay meydana geldiğinde Genellikle, bir şey yapmak isteyebilirsiniz.
JavaScript etkinliklerini tespit ettiğinde kodu çalıştırmasını sağlar.
HTML olay işleyicisi HTML öğelerine eklenecek, JavaScript kodu ile, nitelikleri sağlar.
tek tırnak ile:
< some-HTML-element
some-event = ' some JavaScript ' >çift tırnak ile:
< some-HTML-element
some-event = " some JavaScript " >Aşağıdaki örnekte, bir onclick özelliği (with code) , bir düğme elemanı eklenir:
Yukarıdaki örnekte, JavaScript kodu ile öğenin içeriğini değiştirir id="demo" .
Bir sonraki örnekte, kod kendi öğenin içeriğini değiştirir (using this .innerHTML ) :
JavaScript kodu genellikle birkaç satır uzunluğundadır. Olay nitelikleri fonksiyonları çağıran görmek daha yaygındır:
Ortak HTML Olaylar
İşte bazı yaygın HTML olayların bir listesi:
| Olay | Açıklama |
|---|---|
| onchange | Bir HTML elemanı değiştirildi |
| onclick | Kullanıcı bir HTML öğesi tıklar |
| onmouseover | Kullanıcı bir HTML öğesi üzerinde fareyi hareket ettirir |
| onmouseout | Kullanıcı bir HTML öğesine uzak fareyi hareket |
| onkeydown | kullanıcı bir klavye tuşuna iter |
| onload | tarayıcı sayfası yüklenirken bittikten |
Liste uzayıp gidebilir: JavaScript Referans HTML DOM Olaylar w3ii .
JavaScript ne yapabilir?
Olay işleyicileri, kullanıcı girişi, kullanıcı eylemleri ve tarayıcı işlemleri işlemek ve doğrulamak için kullanılabilir:
- Her zaman yapılmalıdır şeyler bir sayfa yüklendiğinde
- sayfa kapatıldığında yapılmalıdır şeyler
- Bir kullanıcı bir düğmeye tıkladığında yapılmalıdır Eylem
- doğrulanması gerekir İçerik bir kullanıcı girişi veri
- Ve dahası ...
Birçok farklı yöntem olaylarla JavaScript çalışmasına izin için kullanılabilir:
- HTML olay nitelikleri doğrudan JavaScript kodu yürütebilirsiniz
- HTML olay nitelikleri JavaScript işlevlerini çağırabilir
- Sen HTML öğeleri için kendi olay işleyicisi işlevlerini atayabilirsiniz
- Sen gönderiliyor veya elde tutularak olayları önleyebilir
- Ve dahası ...
Sen olaylar ve olay işleyicileri hakkında çok daha fazla öğreneceksiniz HTML DOM bölümlerde.
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 »