Categories: Artikel HTML DOM

Register Event Handler Via Dom

Sebelumnya…
Fungsi yang menghandle event dinamakan event handler. Proses meregister event handler kepada event di suatu node DOM dinamakan registering an event handler.

Untuk meregister event handler kepada suatu event di dalam DOM, dapat gunakan metode addEventListener().

Selain via DOM untuk meregister event handler, juga dapat memakai cara ‘tradisional model‘ atau ‘inline model‘ untuk melakukannya.

Sintaks:

Obj.addEventListener(type, listener, useCapture)
  • Untuk Obj dapat elemen HTML, CommentNode, document, DocumentFragment, Text node, window, XMLDocument, atau XMLHttpRequest.
  • Untuk type ialah nama event handler yang prefix-nya ditiadakan, misal ‘onclick’ menjadi ‘click’, ‘onmouseover’ menjadi ‘mouseover’, dst.
  • Untuk function ialah event handler yang akan dipanggil dikala event ini terjadi.
  • Untuk useCapture ialah boolean, true atau false.

Berikut teladan meregister event handler berjulukan handleClick kepada event ‘click’ untuk elemen BUTTON:

<BUTTON ID=”buttonID”>Klik tombol ini</BUTTON> <SCRIPT TYPE=”text/javascript”> function handleClick(){ alert(“Halo saya event handler!”); } var buttonElem = document.getElementById(“buttonID”); buttonElem.addEventListener(“click”, handleClick, false); </SCRIPT>

Catatan: Nama lain event handler ialah event listener atau EventListener.

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

Recent Posts

Source code aplikasi Bursa Kerja Khusus dan data alumni SMK

Salam sobat semua, kali ini kami akan membagikan sebuah aplikasi php secara gratis kepada anda,…

50 mins ago

Source Code Aplikasi Managemen Surat Sederhana Berbasis web

Deskripsi Aplikasi ASAMURAT yang merupakan kependekan dari Aplikasi SederhanA Manajemen sURAT. Sesuai dengan kepanjangannya, aplikasi…

7 hours ago

Source code aplikasi persuratan berbasis web

Keunggulan Aplikasi Manajemen Surat ini : Memakai PHP Framework Codeigniter, sehingga frameworknya bisa lebih ringan,…

13 hours ago

Source Code Aplikasi Penilaian Kinerja Karyawan Berbasis Web

Dalam suatu Perusahaan maupun Badan Kepegawaian tentu membutuhkan karyawan agar mampu melaksanakan tujuan untuk mencapai…

19 hours ago

Source Code Aplikasi SMS Gateway Sederhana dengan PHP

selain menggunakan email, contact di dunia mayapun merambah dengan sistem sms gateway, dan yang sering…

1 day ago

Source Code Aplikasi Sistem Rekam Medis PHP+MYSQL

dalam dunia medispun telah menggunakan system komputasi, berupa aplikasi berbasis desktop maupun under web. kali…

1 day ago