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:

html<button id="elem">text</button>

Bu butona tıklandığında bir fonksiyonun çalıştırıldığını varsayalım:

javascriptlet 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:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // olay nesnesini göreceğiz
});