Почему addEventListener срабатывает при добавлении?

Question

[Gias]

header__menu__click__body = function (e) {
          header__menu__open(a);
     }

function header__menu__open(a) {
if {
     document.body.addEventListener('click', header__menu__click__body, false);
...    
     
}    else {
          document.body.removeEventListener('click', header__menu__click__body)
...

Comments

[Вадим]

а что Вы тут вообще написали?
У вас какая-то циклическая зависимость.
Вы вызываете функцию header__menu__open внутри функции header__menu__click__body.
И при этом внутри header__menu__open назначает в качестве обработчика клика header__menu__click__body

[Gias]

Вадим, всё правильно... При активации header__menu__open, добавляется событие для document.body. После клика, возвращается к функции header__menu__open, и удаляет событие для document.body.

Но не работает, потому, что после добавления document.body.addEventListener('click', header__menu__click__body, false); Функция активируется без клика...

[Вадим]

aspirantes, а точка входа где?
Какая функция выполняется первой?

[Gias]

Вадим, Точка входа: header__menu__open...

[v3shin]

aspirantes, событие срабатывает на элементе, на body вешается обработчик. Событие всплывает до body и срабатывает новый обработчик.

[Gias]

v3shin, Но почему событие всплывает без действий?

Возможно из-за того, что сама функция по другому событию клика всплывает, но тоже связи не вижу.

[v3shin]

aspirantes, а в какой момент у вас срабатывает header__menu__open()?

[Gias]

v3shin,

header__menu__btn.addEventListener("click", function() {header__menu__open(a);}, false);

[Gias]

Не знаю почему, но обработчик засчитывает клик для вновь добавленного эвента... Поставил Mouseup, полёт нормальный...

[v3shin]

aspirantes, почитайте про event bubbling и прогоните ваш скрипт по шагам.

[Gias]

v3shin, Mouseup помог... Спасибо...