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.