Bir cismin durumundaki değişime denir Etkinlik . Html'de, bazı etkinliklerin kullanıcı veya tarayıcı tarafından gerçekleştirildiğini temsil eden çeşitli olaylar vardır. Ne zaman javascript kod HTML'ye dahil edilmiştir, js bu olaylara tepki verir ve yürütülmesine izin verir. Olaylara tepki gösterme sürecine denir. Olay işleme . Böylece, js, HTML olaylarını aracılığıyla işler. Etkinlik sahipleri .
Örneğin , bir kullanıcı tarayıcıyı tıkladığında, etkinlikte gerçekleştirilecek görevi yürütecek js kodunu ekleyin.
HTML olaylarından bazıları ve bunların olay işleyicileri şunlardır:
Fare olayları:
| Gerçekleştirilen Etkinlik | Olay işleyicisi | Tanım |
|---|---|---|
| tıklamak | tıklamada | Bir öğeye fare tıklandığında |
| fareyle üzerine gelme | fareyle üzerine gelindiğinde | Farenin imleci öğenin üzerine geldiğinde |
| fareyi dışarıda bırakmak | fare çıkışı | Farenin imleci bir öğeden ayrıldığında |
| fare aşağı | fare basılıyken | Öğenin üzerinde fare düğmesine basıldığında |
| fareyi kaldır | fareyle kaldırıldığında | Fare düğmesi öğenin üzerinde bırakıldığında |
| fare hareketi | fare hareketi | Fare hareketi gerçekleştiğinde. |
Klavye olayları:
| Gerçekleştirilen Etkinlik | Olay işleyicisi | Tanım |
|---|---|---|
| Tuş Aşağı ve Tuş Yukarı | tuş aşağı ve tuş yukarı | Kullanıcı tuşa basıp bıraktığında |
Form etkinlikleri:
| Gerçekleştirilen Etkinlik | Olay işleyicisi | Tanım |
|---|---|---|
| odak | odaklan | Kullanıcı bir öğeye odaklandığında |
| göndermek | teslim edildiğinde | Kullanıcı formu gönderdiğinde |
| bulanıklık | Bulanık | Odak bir form öğesinden uzakta olduğunda |
| değiştirmek | değişiklik | Kullanıcı bir form öğesinin değerini değiştirdiğinde veya değiştirdiğinde |
Pencere/Belge olayları
| Gerçekleştirilen Etkinlik | Olay işleyicisi | Tanım |
|---|---|---|
| yük | aşırı yükleme | Tarayıcı sayfanın yüklenmesini tamamladığında |
| boşaltmak | yüksüz | Ziyaretçi mevcut web sayfasından ayrıldığında tarayıcı sayfayı kaldırır |
| yeniden boyutlandır | yeniden boyutlandırma | Ziyaretçi tarayıcının penceresini yeniden boyutlandırdığında |
Olaylar ve bunların işleyicileri üzerinden bazı örnekleri tartışalım.
Etkinliğe tıklayın
Javascript EventsŞimdi Test Edin
MouseOver olayı
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Şimdi Test Edin
Odaklanma Etkinliği
Javascript Events <h2> Enter something here</h2>Şimdi Test Edin
Keydown Etkinliği
Javascript Events <h2> Enter something here</h2>Şimdi Test Edin
Etkinliği yükle
Javascript Events <br>Şimdi Test Edin