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,
trueataufalse.
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.
