Categories: HTML DOM » Event

Cancelbubble

Properti Event.cancelBubble tetapkan atau mendapat kembali nilai boolean yang mengatakan apakah event ini perlu dilarang untuk bubbles up/propagates up (true) atau tidak (false) di dalam DOM hierarchy.

Sintaks:

Event.cancelBubble

Contoh di bawah ini dikala 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 dilarang 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 sanggup bubbles up atau tidak di dalam DOM hierarchy, dan dikala event itu sanggup bubbles up, gunakan properti Event.cancelBubble ini atau metode Event.stopPropagation() untuk menghentikannya.

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