tgoop.com/prog_way_blog/186
Last Update:
Всплытие и погружение событий — Событийная модель
Всплытие и погружение событий являются механизмами обработки событий в DOM API.
Суть всплытия заключается в том, что когда на элементе происходит событие, обработчики сначала срабатывают на нём, потом на его родителе, затем выше и так далее, вверх по цепочке предков. Самым высоким предком в цепочке, корнем DOM дерева является тег <html>
.
Погружение событий, наоборот, означает, что событие сначала обрабатывается на самом верхнем элементе в документе, затем на его дочерних элементах и так далее, до самого вложенного элемента, который в событийной модели называется event.target
.
Событийная модель включает в себя следующие этапы:
1. Погружение — Capture — событие перехватывается на верхнем элементе и передается по цепочке родительских элементов вниз к самому вложенному элементу.
2. Цель — Target — событие достигает целевого элемента, на котором оно произошло.
3. Всплытие — Bubbling — событие всплывает от целевого элемента обратно по цепочке родительских элементов до самого верхнего элемента.
Механизм всплытия и погружения событий позволяет обрабатывать события на разных уровнях и в разной последовательности.
Благодаря этому механизму мы можем создавать более гибкие, масштабируемые приложения и писать более читаемый код. Достигается это при помощи механизма делегирования, о котором я расскажу в одном из следующих постов.
Об этих процессах прилагаю два отличных материала на русском языке:
1. Событийная модель — doka.guide
2. Всплытие и погружение — learn.javascript.ru
Оба материала более чем достойны вашего внимания. Пересказывать и без того отличные тексты в рамках телеграмм поста я просто не вижу смысла.
#web #javascript #theory
BY progway — программирование, IT

Share with your friend now:
tgoop.com/prog_way_blog/186