JavaScript'te Event Nesnesi ile Çalışma Temelleri
Bu derste, Event nesnesi ile çalışmanın
temellerini inceleyeceğiz. Bu nesne, meydana gelen
olay hakkında bilgi içerir.
Örneğin, bir öğe üzerine tıklanmışsa,
bu tıklamanın koordinatlarını, tıklama anında
Ctrl, Alt veya Shift
tuşlarına basılıp basılmadığını ve benzeri bilgileri öğrenebiliriz.
Hadi Event nesnesini nasıl alacağımıza bir göz atalım.
Bir butonumuz olduğunu varsayalım:
<button id="elem">text</button>
Bu butona tıklandığında bir fonksiyonun çalıştırıldığını varsayalım:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Bağlanan fonksiyonun içinde zaten Event
nesnesi mevcut - sadece onu nasıl alacağımızı
henüz bilmiyoruz. Şu şekilde elde edilir:
fonksiyonumuzu tanımlarken içine herhangi bir değişkeni
(parametre olarak) iletmemiz gerekir (genellikle event
- ancak isim herhangi bir şey olabilir) ve tarayıcı
otomatik olarak bu değişkene Event nesnesini yerleştirecektir:
elem.addEventListener('click', function(event) {
console.log(event); // olay nesnesini göreceğiz
});
Açıklanan işlemleri kendi başınıza yapın ve olay nesnesini konsola yazdırın. Bu nesnenin yapısını inceleyin.
