Categories: HTML DOM » Event

Bubbles

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

Sintaks:

Event.bubbles

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

Contoh di bawah ini memakai properti ini untuk mengetahui apakah event ‘click’ (ONCLICK) di dalam elemen BUTTON sanggup 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 sanggup bubbles up, untuk menghentikannya sanggup gunakan properti Event.cancelBubble atau metode Event.stopPropagation().

Gunakan metode Event.stopPropagation() di Firefox, Opera, Google Chrome and Safari, alasannya 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, alasannya metode Event.stopPropagation() tidak di dukung.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code