Źródło: Arkusze CKE
Co to jest event bubbling w JavaScript?
Warianty odpowiedzi
-
A
Proces, w którym zdarzenie zaczyna się od najbardziej szczegółowego elementu i propaguje w górę hierarchii DOM
-
B
System powiadomień o błędach w konsoli JavaScript
-
C
Metoda zarządzania kolejką zdarzeń w aplikacjach asynchronicznych
-
D
Technika optymalizacji wydajności zdarzeń na stronie
Wyjaśnienie
Wyobraź sobie bąbelek powietrza, który powstaje na dnie akwarium i powoli unosi się na samą górę. Dokładnie tak samo działa bąbelkowanie zdarzeń, czyli event bubbling w strukturze DOM.
Gdy użytkownik kliknie przycisk umieszczony głęboko wewnątrz strony, zdarzenie kliknięcia odpalane jest najpierw na tym konkretnym przycisku. Chwilę później leci w górę hierarchii: trafia do kontenera, w którym jest przycisk, potem do sekcji, aż w końcu dociera do samego obiektu document.
Dzięki temu mechanizmowi możesz podpiąć jeden nasłuchiwacz zdarzeń na elemencie nadrzędnym i wyłapywać akcje ze wszystkich jego dzieci, zamiast przypisywać go osobno do każdego przycisku.