Download Source Code Aplikasi

Register Event Handler Via Dom

Sunday, September 8th, 2019 - Artikel HTML 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.

(Telah didownload 5 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Register Event Handler Via Dom | admin | 4.5


error: Content is protected !!