Olay Yönetimi

JavaScript içinde olay yönetimi kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Olay Yönetimi, JavaScript ile web platformu çalışırken bileşenler arasındaki sorumlulukları belirginleştirmek için kullanılan yaklaşımı açıklar. Tarayıcı olayları kullanıcı niyetini belge ağacındaki davranışa bağlar; semantik öğe seçimi klavye ve yardımcı teknoloji desteğini doğrudan etkiler.

Dinleyicileri yaşam döngüsüne göre temizlemek, istemci doğrulamasını sunucu doğrulamasının yerine koymamak ve odağı görünür tutmak gerekir. İsimlendirme, küçük sorumluluklar ve görünür veri akışı; kodun yalnızca çalışmasını değil, anlaşılmasını da sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Girdi, çıktı ve hata sözleşmesini belirsiz bırakmak çağıran kodu kırılgan hâle getirir. Normal akış kadar başarısızlık davranışını da açıkça tasarlayın.

Sonuç

Olay Yönetimi, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında JavaScript kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Olay Yönetimi örneği

const button = document.querySelector("[data-save]");
button?.addEventListener("click", () => {
  button.setAttribute("aria-pressed", "true");
});