Removeeventlistener()
Metode EventTarget.removeEventListener()
menghapus event listener dari EventTarget yang sebelumnya di register via metode EventTarget.addEventListener().
Sintaks:
Obj.removeEventListener(type, listener, useCapture)
- Obj dapat elemen HTML, CommentNode, document, DocumentFragment, TextNode, window, XMLDocument, atau XMLHttpRequest.
- type ialah string dari nama event yang akan di hapus, misal: ‘click’, ‘abort’, ‘error’, ‘blur’, ‘focus’, ‘change’, ‘load’, ‘mousedown’, ‘mousemove’, dll.
- listener ialah event listener yang akan dihapus.
- useCapture ialah boolean,
true
atau false
.
Contoh di bawah ini ada dua tombol yang dipakai untuk meregister event listener dan menghapus event listener:
<SCRIPT TYPE="text/javascript"> function makeAlert() { alert("Event \’click\’ telah terjadi pada tombol yang anda klik."); } function regEventHandler() { var buttonElem = document.getElementById("buttonID"); if (buttonElem.addEventListener) { buttonElem.addEventListener("click", makeAlert, false); } } function remEventHandler() { var buttonElem = document.getElementById("buttonID"); if (buttonElem.removeEventListener){ buttonElem.removeEventListener("click", makeAlert, false); } } </SCRIPT> <BUTTON ONCLICK="regEventHandler()">Register EventListener.</BUTTON> <BUTTON ONCLICK="remEventHandler()">Remove EventListener.</BUTTON> <BUTTON TYPE="button" ID="buttonID">Klik saya.</BUTTON>
Tambahan: Untuk menghapus event listener, pastikan nilai-nilai parameter di dalam metode EventTarget.removeEventListener()
ini sama menyerupai nilai-nilai yang diberikan di dalam parameter metode EventTarget.addEventListener()
.
Untuk menghapus event listener yang diregister via metode attachEvent()
, gunakan metode detachEvent()
.
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.