현재의 이벤트가 이벤트처리자들의 계통도에서 버블업(bubble up)할 것인가를 반환하거나 설정한다.

인수
: (속성 부울값)
속성값은 다음 중 하나의 부울값이다.

false 디폴트이며, 버블링(bubble)이 가능하다. 이벤트로 부터 받은 계통도에서 다음 이벤트처리자가 허용된다.
true 해당 이벤트에서 버블링(bubble)이 안된다. 이벤트로 부터 받은 계통도에서 다음 이벤트처리자가 방지된다.

이 속성은 읽기/쓰기로 디폴트값은 false이다.

특기

이 속성을 사용하여 버블링을 중지시키더라도 다음 이벤트들에는 영향을 주지 않는다.

적용
개체scriptHTML규격IE

결과 표시창

이미지 위를 클릭해 보라, 그리고 왼쪽 SHIFT 키를 누르면서 클릭해 보라.
왼쪽 SHIFT 키를 누르면서 클릭하면 이벤트를 IMG 개체로 부터 document로 버블링하여 올라가는 것(bubbling up)이 중지되고 document 개체의 이벤트처리자에 의한 IMG 개체에서 onclick 이벤트가 발생되지 않게 한다.

<SCRIPT>
function bodyEvent(){
  if (event.srcElement.tagName!='IMG') return; // 다른 개체에서 발생되는 것을 방지 시켰다.
  alert('bodyEvent() 기능 수행 시작.')
  show.innerHTML+='event.srcElement.src='+event.srcElement.src+'<BR>';
}
function imgEvent(){
  str='event.shiftLeft='+event.shiftLeft+'<BR>';
  str+='클릭 전 event.cancelBubble='+event.cancelBubble+'<BR>';
  if (event.shiftLeft) event.cancelBubble=true;
  str+='클릭 후 event.cancelBubble=<FONT color=red>'+event.cancelBubble+' ';
  if (event.cancelBubble) str+=' 이벤트 발생 억제</FONT>';
  else str+=' <FONT color=blue>이벤트 발생</FONT>';
  str+='</FONT><BR>';
  show.innerHTML=str;
}
</SCRIPT>
<BODY onclick="bodyEvent()">
<IMG onclick="imgEvent()" src="../../gif/rfexample.gif">
<DIV id="show" style="border:solid 1 blue;width:500;height:5em">결과 표시창</DIV>