JavaScript Olayları

HTML olayları, HTML öğelerinde gerçekleşen 'şeyler'dir.

HTML sayfasında JavaScript kullanırken, JavaScript bu olaylara 'yanıt verebilir'.

HTML olayları

HTML olayları, tarayıcı veya kullanıcı tarafından yapılan bazı şeyler olabilir.

Aşağıda HTML olaylarının bazı örnekleri bulunmaktadır:

  • HTML web sayfası yüklenir
  • HTML giriş alanı değiştirilir
  • HTML düğmesi tıklanır

Genellikle, olay gerçekleştiğinde, kullanıcı bir şey yapmak ister.

JavaScript, olayların algılanması durumunda kodun çalışmasını sağlar.

JavaScript kodu aracılığıyla，HTML, HTML öğelerine olay işleyicileri eklemenizi sağlar.

Tek tırnak kullanarak:

<element event='Bazı JavaScript>

Çift tırnak kullanarak:

<element event="Bazı JavaScript">

Aşağıdaki örnekte,onclick Özellikler (ve kod) eklendi <button> Element:

Örnek

<button onclick='document.getElementById("demo").innerHTML=Date()'>Şu anki zaman nedir?</button>

Kişisel olarak deneyin

Yukarıdaki örnekte, JavaScript kodu id="demo" olan elementin içeriğini değiştirdi.

Aşağıdaki örnekte, kod (kullanılarak this.innerHTML）kendisi elementinin içeriğini değiştirdi:

Örnek

<button onclick="this.innerHTML=Date()">Şu anki zaman nedir?</button>

Kişisel olarak deneyin

JavaScript kodu genellikle birçok satırdan oluşur. Olay özellikleri fonksiyonları çağırma daha yaygındır:

Örnek

<button onclick="displayDate()">Şu anki zaman nedir?</button>

Kişisel olarak deneyin

Yaygın HTML olayları

Aşağıda bazı yaygın HTML olayları bulunmaktadır:

olay tanım
onchange HTML öğesi değiştirildi
onclick Kullanıcı HTML ögesine tıkladı
onmouseover Kullanıcı fareyi HTML ögesine taşıdı
onmouseout Kullanıcı fareyi HTML ögesinden çıkardı
onkeydown Kullanıcı klavye tuşuna basıyor
onload Tarayıcı sayfa yüklemesini tamamladı

Daha kapsamlı bir liste:CodeW3C.com JavaScript referans kılavuzu HTML DOM olayları.

JavaScript neler yapabilir?

Olay işleyicileri, kullanıcı girdisini, kullanıcı eylemlerini ve tarayıcı eylemlerini işlemek için kullanılabilir:

  • Sayfa her yüklandığında yapılması gereken işler
  • Sayfa kapatıldığında yapılması gereken işler
  • Kullanıcı düğmeye tıkladığında gerçekleştirilmesi gereken eylemler
  • Kullanıcı veri girdiğinde doğrulanması gereken içerikler
  • ve benzerleri

JavaScript'ın olayları işlemek için farklı yöntemleri birçokdır:

  • HTML olay özellikleri JavaScript kodunu çalıştırabilir
  • HTML olay özellikleri JavaScript fonksiyonunu çağırabilir
  • Kendi olay işleyici fonksiyonunuzu HTML ögesine atayabilirsiniz
  • Olayın gönderilmesini veya işlenmesini engelleyebilirsiniz
  • ve benzerleri

HTML DOM bölümünde olaylar ve olay işleyicileri hakkında daha fazla bilgi öğreneceksiniz.