Hangi tür etkinlikler (olaylar) vardır?

Çok sayıda olay türü vardır, ancak en yaygın olanlar kategorilere ayrılabilir:

• Kullanıcı arayüzü olayları:

  • click: Bir öğe üzerinde fare tıklaması.
  • dblclick: Bir öğe üzerinde çift tıklama.
  • mousedown: Fare düğmesine basma (bırakmadan önce).
  • mouseup: Fare düğmesini bırakma.
  • mousemove: Bir öğe üzerinde fare imlecinin hareketi.
  • mouseover: Fare imlecini bir öğe üzerine getirme.
  • mouseout: Fare imlecini bir öğeden çıkarma.
  • mouseenter: Fare imlecinin bir öğe üzerine gelmesi (çocuk öğelerden yayılmaz).
  • mouseleave: Fare imlecinin bir öğeden çıkması (çocuk öğelerden yayılmaz).
  • contextmenu: Sağ tıklama ile bağlam menüsünü çağırma.

• Klavyeye ait olaylar:

  • keydown: Bir tuşa basma (bırakmadan önce).
  • keyup: Bir tuşu bırakma.
  • keypress: Bir tuşa basma ve tutma, karakter giriş verileri üretir. (Eskimiş, keydown ve keyup kullanılması önerilir).

• Form olayları:

  • submit: Bir formu gönderme.
  • change: Bir form öğesinin değerini değiştirme (örneğin, <input>, <select>, <textarea>).
  • input: Bir form öğesinin değerini, içeriği kullanıcı tarafından etkileşimli olarak değiştiğinde değiştirme.
  • focus: Öğenin odaklanması.
  • blur: Öğenin odak kaybetmesi.
  • cut: İçeriği kesme.
  • copy: İçeriği kopyalama.
  • paste: İçeriği yapıştırma.

• Yükleme ve hata olayları:

  • load: Bir kaynağın yüklenmesinin tamamlanması (örneğin, resim, betik, sayfa).
  • unload: Sayfadan çıkma.
  • beforeunload: Sayfayı terk etmeye çalışma (onay iletişim kutusu gösterebilir).
  • error: Bir kaynağın yüklenmesi veya betiğin çalıştırılması sırasında hata oluştu.

• Odak olayları (FocusEvent):

  • focusin: Öğenin veya herhangi bir çocuk öğesinin odaklanması.
  • focusout: Öğenin veya herhangi bir çocuk öğesinin odak kaybetmesi.

• Kaydırma olayları:

  • scroll: Bir öğenin kaydırılması.

• Dokunma olayları (dokunmatik cihazlar için):

  • touchstart: Parmak ekranla temas eder.
  • touchend: Parmak ekrandan kalkar.
  • touchmove: Parmak ekranda hareket eder.
  • touchcancel: Dokunma olayı kesildi (örneğin, sistem menüsü çağrısı nedeniyle).

• Sürükle ve bırak olayları:

  • dragstart: Sürükleme başlangıcı.
  • drag: Öğenin sürüklenmesi.
  • dragend: Sürüklemenin sona ermesi.
  • dragenter: Öğenin geçerli bir bırakma alanına sürüklenmesi.
  • dragleave: Öğenin geçerli bir bırakma alanından çıkarılması.
  • dragover: Öğenin geçerli bir bırakma alanında sürüklenmesi (bırakmayı izin vermek için varsayılan davranışın iptal edilmesi gerekir).
  • drop: Öğenin geçerli bir bırakma alanına bırakılması.

• Tarayıcı geçmişi olayları:

  • popstate: Navigasyon sırasında aktif geçmiş kaydında değişiklik (örneğin, "Geri/İleri" düğmesine tıklama).

• Pencere boyutu değişikliği olayları:

  • resize: Tarayıcı penceresinin boyutunun değiştirilmesi.

Bu, tam liste olmamakla birlikte, web geliştirmede en sık karşılaşılan ve önemli olay türlerini kapsamaktadır. Amacı ve davranışını anlamak, etkileşimli web uygulamaları oluşturmak için anahtardır.