Bir butonun tıklandığında olanlar, fare imlecini bir nesnenin üzerine götürdüğünüzde ve benzeri olanlar olay olarak adlandırılır.
HTML'de pek çok olay mevcuttur.
Bir HTML olayı, tarayıcının ya da kullanıcının yaptığı harekettir.
Genellikle programcı olarak bu olaylar olduğunda bazı işlemlerin gerçekleşmesini isteriz.
JavaScript bu olayları denetler ve biz istediğimizde bu olayın ardından yazdığımız JavaScript kodunu çalıştırır.
Herhangi bir HTML elementinin olayını yakalamak için şu söz dizimini kullanırız:
<element event="Çalışacak JavaScript Kodu">
Örneğin bir buton tıklandığında ekrana merhaba mesajı gelsin istiyorsak:
<button onclick="alert('merhaba')">Selamla</button>
kodunu kullanabiliriz.
<h2>JavaScript Onclick Kullanımı</h2>
<button onclick="alert('merhaba')">Selamla</button>
Yukarıdaki örnekte buton tıklandığında ekran bir merhaba yazan bir mesaj kutusu gelir.
Aşağıdaki örnekte JavaScript ile bir elementin zemin rengini değiştiriyoruz:
<button
onclick="document.getElementById("kutu").style.backgroundColor = 'blue';">
Renk Değiştir
</button>
Yaygın HTML Olayları
Aşağıda yaygın olarak kullanılan HTML olaylarını bulabilirsiniz:
| Olay(Event) | Açıklama |
|---|---|
| onchange | Bir HTML elementi değiştiğinde tetiklenir |
| onclick | Kullanıcı bir HTML elementini tıkladığında tetiklenir |
| onmouseover | Kullanıcı Fare işaretçinini bir HTML elementinin üzerine götürdüğünde tetiklenir |
| onmouseout | Kullanıcı Fare işaretçinini bir HTML elementinin üzerinden çektiğinde |
| onkeydown | Kullanıcı klavyeden bir tuşa bastığında tetiklenir |
| onload | HTML Sayfasının yüklenmesi bittiğinde tetiklenir |
Olay işleyiciler (event handlers) ile kullanıcıdan alınan veriler işlenebilir, konrol edilebilir, yönetilebilir ve tarayıcı hareketleri kontrol edilebilir
JavaScript ile tarayıcı olaylarına kod yazılabilir.
JavaScript içindeki pek çok metod ile HTML elementleri üzerinde işlem yapabilirsiniz.
JavaScript çok güçlü bir dildir. Oyun da dahil olmak üzere pek çok uygulama yazılabilir.