Properti Event.cancelBubble menetapkan atau mendapatkan kembali nilai boolean yang menunjukkan apakah event ini perlu dihentikan untuk bubbles up/propagates up (true) atau tidak (false) di dalam DOM hierarchy.
Sintaks:
Event.cancelBubble
Contoh di bawah ini ketika pengguna mengklik tombol 'X', maka event 'click' (ONCLICK) dicegah untuk bubbles up:
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function StopPropagation(event) {
if('bubbles' in event) {
if(event.bubbles) {
event.cancelBubble = true;
alert("Event ini dihentikan untuk bubbles up.");
}
}
}
</SCRIPT>
</HEAD>
<BODY ONCLICK="alert('BODY')">
<DIV STYLE="background-color:silver" ONCLICK="alert('DIV')">DIV Area...<BR>
<BUTTON ONCLICK="alert('Y')">Y</BUTTON><BR>
<BUTTON ONCLICK="StopPropagation(event)">X</BUTTON>
</DIV>
</BODY>
</HTML>
Gunakan properti Event.bubbles untuk menguji apakah suatu event dapat bubbles up atau tidak di dalam DOM hierarchy, dan ketika event itu dapat bubbles up, gunakan properti Event.cancelBubble ini atau metode Event.stopPropagation() untuk menghentikannya.
