Оё шумо дар бораи мафҳуми вокуниш додани ҳодисаҳо огоҳ ҳастед? Оё имкон дорад, ки ҳалли онро бо истифода аз вокуниш додани ҳодисаҳо нависем?

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

Например, вместо того чтобы навешивать обработчик на каждую кнопку в списке, можно повесить один обработчик на контейнер, и внутри него проверять, на какой именно элемент произошло событие:

const container = document.getElementById('list');
container.addEventListener('click', function(event) {
  if (event.target && event.target.matches('button.item-button')) {
    console.log('Нажата кнопка:', event.target.textContent);
  }
});

Таким образом, решение с множеством обработчиков можно переписать с использованием делегирования, что повысит производительность и упростит поддержку кода.