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

Question

[survivor2005]

Есть кнопка гамбургер, состоит она из дивов: родитель див и в нём 3 дива в виде прямоугольных палочек. Я поставил обработчик клика на родителя. Дал родителю паддинг, чтобы область нажатия немного расширить. Но вот обработчик не видит событие на самих палочках. Есть вариант кинуть цикл родителя и элементов в нем на обработчик, либо тупо задать всем элементам обработчик клик. Но мне почему то кажется что что-то не то. Или так это и решается? Ну вот на всякий случай пример:

<div class='hamburger'>
        <div class='stick'></div>
        <div class='stick'></div>
       <div class='stick'></div>
</div>

const hamburger = document.querySelector('.hamburger');
hamburger.addEventListener('click',  drawMenu);

Comments

[Егор Живагин]

У вас нигде stopPropagation не вызывается?

[survivor2005]

Егор Живагин, на боковой панели есть stopPropagation

[survivor2005]

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

[survivor2005]

VicTHOR, странно, щас буду капать))) спасибо

[survivor2005]

VicTHOR, блин сорри, спасибо, видимо вчера уже совсем пересидел)))) ошибся чуток в коде

[survivor2005]

VicTHOR, короче нашел косяк, но не знаю как его грамотно исправить, тема такая, что я хотел реализовать так что если кликнуть по кнопке меню, то открывается боковое меню, а если кликнуть в любое другое место, то меню закрывается. Соответственно это делается через event, типа если ивент.таргет совпадет с элементом меню, то открой боковую панель, иначе закрой, а ивент как правило тупо сравнивает элемент на который кликнули и с которым надо сравнить. Поэтому что делать в данной ситуации? Все перечислять элементы?