Как здесь удалить eventlistener?

Question

[Aspirant555]

document.body.onclick = function aaa(e) {
          if (e.target.getAttribute("class") != "header__menu__text") {
               header__menu__open(header__menu__spisok);
               document.body.removeEventListener("click", aaa);
          }
     }

Answer 1

[Михаил]

document.body.onclick = null

Answer 2

[Павел Корнилов]

В вашем варианте так:

document.body.onclick = function aaa(e) {
          if (e.target.getAttribute("class") != "header__menu__text") {
               header__menu__open(header__menu__spisok);
               document.body.onclick= ()=>false;
          }
     }

А правильно нужно навешивать обработчик через addEventListener, передавая ему именованную функцию. Тогда можно будет использовать removeEventListener с тем же именем функции.

Comments

[Aspirant555]

Обработчик не использую, так как нужен таргет...

[Павел Корнилов]

aspirantes, не вижу связи. Это тоже обработчик, только топорный. Он убивает все остальные обработчики, если они были.
А таргет можно получить и там, и там, поскольку объект события передается в функцию первым аргументом.

[Aspirant555]

Павел Корнилов, Попробовал так, но почему-то событие вызывается сразу...

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

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

удаляется четко...

[Павел Корнилов]

aspirantes,

function header__menu__click__body (e) {
     console.log(e.target.getAttribute("class"));
     if (e.target.getAttribute("class") == "header__menu__text") {
          header__menu__open(header__menu__spisok);
     }
}