Делегирование событий Vanilla JS - работа с дочерними элементами целевого элемента
Я пытаюсь сделать делегирование событий в ванильном JS. У меня есть кнопка внутри контейнера, как это
<div id="quiz">
<button id="game-again" class="game-again"><span class="icon-spinner icon"></span><span>Go again</span></button>
</div>
И следуяХорошие инструкции Дэвида Уолша Я добавляю обработчик события к предку кнопки следующим образом:
this.container.addEventListener('click', function(e){
if (e.target && e.target.id == 'game-again') {
e.stopPropagation();
self.publish('primo:evento');
}
});
Где this.container - элемент #quiz. Это работает половину времени, но в остальное время целью события click является один из промежутков внутри кнопки, поэтому мой обработчик событий не вызывается. Как лучше всего справиться с этой ситуацией?