Делегирование событий 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 является один из промежутков внутри кнопки, поэтому мой обработчик событий не вызывается. Как лучше всего справиться с этой ситуацией?

Ответы на вопрос(1)

Ваш ответ на вопрос