Download Source Code Aplikasi

Addeventlistener()

Friday, September 6th, 2019 - HTML DOM » EventTarget

Metode EventTarget.addEventListener() meregister event listener untuk event yang ditetapkan kepada Obj yang ada.

Sintaks:

Obj.addEventListener(type, listener, useCapture)
  • Obj dapat elemen HTML, CommentNode, document, DocumentFragment, TextNode, window, XMLDocument, atau XMLHttpRequest.
  • type ialah string yang memutuskan nama event yang ingin diregister, misal: ‘click’, ‘abort’, ‘error’, ‘blur’, ‘focus’, ‘change’, ‘load’, ‘mousedown’, ‘mousemove’, dll.
  • function ialah event listener yang akan dipanggil dikala event itu terjadi.
  • useCapture ialah boolean, nilai true meregister event listener untuk CAPTURING_PHASE, sedangkan nilai false meregister event listener untuk BUBBLING_PHASE.

Contoh di bawah ini meregister event listener untuk event ‘click’ di elemen BUTTON ber-ID ‘buttonID’:

<BUTTON TYPE="button" ID="buttonID">Klik disini</BUTTON> <SCRIPT TYPE="text/javascript"> function makeAlert() { alert("Halo dunia!"); } var buttonElem = document.getElementById("buttonID"); buttonElem.addEventListener("click", makeAlert, false); </SCRIPT>

Gunakan metode EventTarget.removeEventListener() untuk menghapus event listener yang telah diregister via metode EventTarget.addEventListener().

Metode EventTarget.addEventListener() tidak bekerja untuk IE di bawah versi IE9. Untuk IE di bawah IE9, gunakan metode attachEvent() untuk meregister event listener dan gunakan metode setCapture() untuk memutuskan apakah event listener perlu diregister untuk CAPTURING_PHASE atau BUBBLING_PHASE.

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 7 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Addeventlistener() | admin | 4.5


error: Content is protected !!