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

Question

[AltaiR]

Привет всем. Мне нужно повесить обработчик клика `document` сразу после клика на кнопку. Делаю это так:

var btn = document.querySelector('button');

btn.addEventListener('click', function () {
  console.log('btn event');
  
  document.addEventListener('click', function () {
    console.log('document event');
  });
});

Но почему то при клике на кнопку происходит сразу и второе событие. Почему так? Прикрепляю ссылку на codepen

Answer 1

[antoo]

Вам поможет event.stopImmediatePropagation():
https://codepen.io/anon/pen/NeqVjq?editors=1011

Comments

[AltaiR]

Спасибо большое)) помогло