У DOM дереві подія проходить за певним маршрутом - від кореня дерева до елемента, який ініціював подію, а після цього подія йде у зворотний бік - до кореня DOM дерева. Використовуючи addEventListener в JavaScript, можна визначити, на якому саме етапі буде оброблятись подія. Це дозволяє створити ефективний код обробки подій кількох елементів керування. На цьому уроці будуть розглянуті етапи поширення події, способи встановлення обробників на різні етапи та приклади коду, що показують для чого це використовується.