title: Why firing a defined event with dispatchEvent doesn't obey the bubbling behavior of events?
body: <p>I'm confused with the script below:</p>
  
  <pre><code>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);
  </code></pre>
  
  <p>When I run this script on my browser, I just get the <strong><em>alert('body');</em></strong> event.
  but if i set the capturing parameter of addEventListener (the third optional parameter) to true, all the alerts captured in order they should.</p>
  
  <p>Why the <strong><em>shazam event</em></strong> doesn't bubble up ?</p>