Belirli bir olayı dispatchEvent ile neden tetikleme, olayların köpürme davranışına uymuyor?

Question

Aşağıda komut dosyası ile karıştı: benim tarayıcısında bu komut dosyasını çalıştırdığınızda

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); 

, sadece alert ('body') olsun; olay. fakat addEventListener (üçüncü isteğe bağlı parametre) 'nin yakalama parametresini true değerine ayarlıyorumsa, gereken tüm uyarıların olması gerekir.

Neden shazam event balonu bulamıyor mu?

Answer 1

Sen true kabarcıklar özelliğini ayarlamak gerekir ve balon,

event.initEvent("shazam",true); 

izin ikinci argüman olarak gerçek geçirerek, inşaat

var event = new Event('shazam',{bubbles:true}); 

veya initEvent eski yol boyunca bunu yapmak zorunda

MDN Doc