bubbles

Properti Event.bubbles mengembalikan nilai boolean yang menunjukkan apakah event ini dapat bubbles up atau tidak di dalam DOM hierarchy.

Sintaks:

Event.bubbles

Jika nilai boolean true dikembalikan maka event itu memang dapat bubbles up di dalam DOM hierarchy, dan jika nilai boolean false dikembalikan maka sebaliknya.

Contoh di bawah ini menggunakan properti ini untuk mengetahui apakah event 'click' (ONCLICK) di dalam elemen BUTTON dapat bubbles up atau tidak di dalam DOM hierarchy:

<SCRIPT TYPE="text/javascript"> function checkBubbles(event) { alert(event.bubbles); // true } </SCRIPT> <BUTTON ONCLICK="checkBubbles(event)">Klik tombol ini.</BUTTON>

Ketika suatu event dapat bubbles up, untuk menghentikannya bisa gunakan properti Event.cancelBubble atau metode Event.stopPropagation().

Gunakan metode Event.stopPropagation() di Firefox, Opera, Google Chrome and Safari, karena properti Event.cancelBubble di protes oleh browser-browser tersebut.

IE mulai versi 9 juga mendukung metode Event.stopPropagation(). Untuk IE sebelum versi 9, gunakan properti Event.cancelBubble, karena metode Event.stopPropagation() tidak di dukung.