爲什麼用dispatchEvent觸發定義的事件不遵守事件的冒泡行爲？

Question

我很困惑與下面的腳本：

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事件不起泡？

Answer 1

您需要將氣泡屬性設置爲true，你必須建設

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

或initEvent老辦法中做到這一點，傳遞true作爲第二個參數，讓泡沫

event.initEvent("shazam",true); 

MDN Doc