1. Ana Sayfa
  2. Nasıl Yapılır?

JavaScript Event Bubbling Nedir?

JavaScript Event Bubbling Nedir?
javascript-event-bubbling-nedir
+ - 0

Event Bubbling Nedir?

Event Bubbling modelinde, bir olay en spesifik elemanda başlar ve daha sonra en az spesifik elemana (document veya hatta window) doğru yukarı doğru akar.

Düğmeye tıkladığınızda, tıklama olayı aşağıdaki sırayla gerçekleşir:

  1. button
  2. div with the id container
  3. body
  4. html
  5. document

Click olayı öncelikle tıklanan öğe olan butonda gerçekleşir. Ardından, click olayı DOM ağacında yukarı çıkar ve belge nesnesine ulaşana kadar her düğümü tetikler.

Aşağıdaki resim, kullanıcılar butona tıkladığında Event Bubbling etkisini göstermektedir:

Event Bubbling

Modern web tarayıcılarının, olayı pencere nesnesine kadar kabarttığını unutmayın.

Event Capturing Nedir?

Event Capturing modelinde, bir olay en az spesifik elemandan başlar ve en spesifik elemana doğru aşağı doğru akar. Düğmeye tıkladığınızda, tıklama olayı aşağıdaki sırayla gerçekleşir:

  1. document
  2. html
  3. body
  4. div with the id container
  5. button

Aşağıdaki resim Event Capturing etkisini göstermektedir:

JavaScript event capturing

Yazar Hakkında

Bu Yazıyı Yorumla