Какие знаешь варианты делегировать событие

Делегирование событий — это подход, при котором обработчик вешается не на каждый элемент, а на их общего родителя. Это полезно для динамических элементов и оптимизации производительности.

Основные способы:

1. Нативный JS:

document.querySelector('.parent').addEventListener('click', (e) => {
  if (e.target.matches('.child')) {
    console.log('Child clicked!');
  }
});

2. jQuery:

$('.parent').on('click', '.child', function() {
  console.log('Child clicked!');
});

Нюансы:

• Проверяйте e.target или используйте e.currentTarget для точного определения элемента.
• Для динамически добавляемых элементов делегирование — единственный эффективный способ.
• Избегайте избыточного делегирования на высокоуровневых элементах (например, document), чтобы не замедлять обработку.