왜 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로 설정하면 모든 경고가 순서대로 캡처됩니다.

왜 샴페인 이벤트이 거품을 일으키지 않습니까?

Answer 1

당신은 참으로 거품 속성을 설정해야합니다, 당신은 거품을

event.initEvent("shazam",true); 

수 있도록 두 번째 인수로 진정한 통과, 건설

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

또는 initEvent와 옛날 방식 동안이 작업을 수행해야

MDN Doc