Monday, December 31, 2012

dispatchEvent()

Metode EventTarget.dispatchEvent() mengirimkan objek Event yang dibuat via metode DocumentEvent.createEvent() kepada Obj.

Sintaks:

Obj.dispatchEvent(eventObj)
  • Obj bisa elemen HTML, CommentNode, document, DocumentFragment, TextNode, window, XMLDocument, atau XMLHttpRequest.
  • eventObj adalah objek Event yang dibuat via metode DocumentEvent.createEvent().

Contoh di bawah ini menggunakan metode ini untuk mengirim objek Event kepada elemen P:

<SCRIPT TYPE="text/javascript"> function InitClick(){ var pElem = document.getElementsByTagName("p")[0]; var newEvent = document.createEvent("HTMLEvents"); newEvent.initEvent("click", true, true); pElem.dispatchEvent(newEvent); } </SCRIPT> <P ONCLICK="alert('Event \'click\' terjadi!')" ONMOUSEOVER="InitClick()">MouseOver teks ini.</P>

Untuk Firefox, Opera, Google Chrome, Safari dan IE9 bisa gunakan metode DocumentEvent.createEvent() untuk membuat objek Event. Setelah objek Event dibuat, terlebih dahulu meng-initialize-nya via metode Event.initEvent(), setelah sudah di-initialize, baru siap untuk di kirim via metode EventTarget.dispatchEvent().

Untuk di bawah IE9, gunakan metode createEventObject() untuk membuat objek Event dan metode fireEvent() untuk mengirimkannya.