Download Source Code Aplikasi

Eventphase

Saturday, September 7th, 2019 - HTML DOM » Event

Properti Event.eventPhase akan mengembalikan 1, 2, atau 3 yang menawarkan processing phase yang ada dari event ini di dalam event flow.

Sintaks:

Event.eventPhase
  1. Jika event dicapture memakai event listener, awal processing phase dari event yakni CAPTURING_PHASE (1).
  2. Setelah CAPTURING_PHASE, urutan selanjutnya yakni AT_TARGET (2). Ditahap ini, event akan dikirimkan kepada elemen yang merupakan sasaran orisinil si-event.

    Catatan: Jika CAPTURING_PHASE bukanlah awal processing phase, maka AT_TARGET yakni awal processing phase, jadi CAPTURING_PHASE dilewati.

  3. Akhirnya, dalam tahap terakhir yakni BUBBLING_PHASE (3), yaitu event akan bubbles up di dalam DOM hierarchy.

Di bawah ini pola penggunaan properti Event.eventPhase. Sebelumnya di bab HEAD terdapat satu fungsi:

window.onload = function Init() { if (document.body.addEventListener) { document.body.addEventListener("click", CapturedClick, true); } } function CapturedClick(event) { GetPhase(event, this.tagName); } function GetPhase(event, tagName) { if("eventPhase" in event) { switch(event.eventPhase) { case Event.CAPTURING_PHASE: alert("CAPTURING_PHASE ("+tagName+")"); break; case Event.AT_TARGET: alert("AT_TARGET ("+tagName+")"); break; case Event.BUBBLING_PHASE: alert("BUBBLING_PHASE ("+tagName+")"); break; } } }

Dan di bab BODY terdapat:

<BODY ONCLICK="GetPhase(event, this.tagName)"> Klik ‘Anchor’ untuk melihat <i>processing phase</i> dari event: <A HREF="#" ONCLICK="GetPhase(event, this.tagName)">Anchor</A> </BODY>
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.
Download Source Code Aplikasi
Eventphase | Ahmad Code | 4.5