Categories: HTML DOM » Event

Eventphase

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.
Ahmad Code

Share
Published by
Ahmad Code
Tags: HTML DOM » Event
5 years ago

Recent Posts

Source code aplikasi Digital Library (digilib) berbasis php

Digilib Digital Library merupakan aplikasi yang dibuat dengan tujuan untuk mempermudah proses pemonitoran perpustakaan untuk…

3 hours ago

Source code aplikasi rekrutmen karyawan berbasis web

Aplikasi  rekrutmen karyawan berbasis web ini dibangun menggunakan codeigniter, cukup lengkap untuk sebuah aplikasi rekrutmen.…

9 hours ago

Source code aplikasi memilih lokasi di Indonesia berbasis web

Script yang akan kami share kali ini digunakan untuk form input nama lokasi, yang pertama…

15 hours ago

Source Code Aplikasi Cuti Karyawan menggunakan php

Meskipun masih sederhana tapi aplikasi cuti karyawan online ini cukup bagus untuk dijadikan bahan pembelajaran…

21 hours ago

Source Code Aplikasi Kartu Rencana Studi (krs) Online

Sistem Perwalian Online Sistem kartu rencana studi online berbasis web, dibuat dengan menggunakan Codeigniter 2.1*.…

1 day ago

Source Code Aplikasi Managemen Surat Berbasis Web

Kemajuan teknologi hari ini menuntut aktifitas manusia untuk berjalan menjadi lebih aktif dan cepat. Tidak…

1 day ago