Monday, December 31, 2012

createEvent()

Metode DocumentEvent.createEvent() membuat objek Event berdasar eventType yang ditetapkan.

Sintaks:

Obj.createEvent(eventType)
  • Obj bisa document, atau XMLDocument.
  • eventType bisa 'CompositionEvent', 'CustomEvent', 'DragEvent', 'Event', 'Events', 'FocusEvent', 'HTMLEvents', 'KeyboardEvent', 'KeyEvents', 'MessageEvent', 'MouseEvent', 'MouseEvents', 'MouseScrollEvents', 'MouseWheelEvent', dll.

Setelah objek Event dibuat, sebelumnya harus di-initialize menggunakan metode Event.initEvent(), setelah sudah di-initialize, baru siap di kirim via metode EventTarget.dispatchEvent().

Contoh di bawah ini membuat objek Event, kemudian mengirimnya ke target menggunakan metode EventTarget.dispatchEvent(), di mana target itu adalah 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 di bawah IE9, gunakan metode createEventObject() untuk membuat objek Event dan metode fireEvent() untuk mengirimkannya.