Я запутался со сценарием ниже:

var event = new Event('shazam');

document.body.addEventListener('shazam',function(){
    alert('body');
});

document.addEventListener('shazam',function(){
    alert('document');
});

window.addEventListener('shazam',function(){
    alert('window');
});

document.body.dispatchEvent(event);

Когда я запускаю этот скрипт в своем браузере, я просто получаюпредупреждение ( 'тело'); событие. но если я установлю для параметра захвата addEventListener (третий необязательный параметр) значение true, все предупреждения будут записаны в порядке их следования.

ПочемуShazam событие не пузырится?