1 год назад
Что такое делегирование событий в JS и как это работает Это техника, которая позволяет обрабатывать события на родительских элементах вместо на дочерних. Мы знаем, что события всплывают вверх по DOM-дереву. То есть если вы установите обработчик события на родительском элементе, он будет вызван при срабатывании и на любом дочернем. Вот пример, как можно это использовать: // Получаем родительский элемент const parentElement = document.getElementById('parentElement'); // Добавляем обработчик на родительский элемент parentElement.addEventListener('click', function(event) { // Проверяем, что кликнули на нужный дочерний элемент if(event.target.classList.contains('childElement')) { // Обрабатываем событие console.log('Событие обработано на дочернем элементе'); } }); Тут мы устанавливаем обработчик на родительский элемент и проверяем, что событие произошло именно на дочернем элементе. #javascript #урок Учитесь фронтенду с нами — подпишитесь 💻
ДЕЛЕГИРОВАНИЕ СОБЫТИЙ В JAVASCRIPT
Делегирование — один из важных приёмов разработки и уж точно самый полезный при работе с DOM. При этом подходе слушатель событий прикрепляется к родительскому элементу, а не к прослушиваемому, а в функции обратного вызова убираются любые события, происходящие с элементами, которые не нужны. Такой приём в основном используют, если есть много элементов, на которых нужно отработать события похожим образом. Делегирование позволяет ставить один обработчик на общего предка и это очень облегчает работу...