JavaScript document.createEvent()

JavaScriptでEventオブジェクトを生成するには、document.createEvent()メソッドを使う。

概要

Eventオブジェクトを作成する。JavaScriptでは、次の手順でイベントを発生させることができる。

  1. document.createEventでイベントを作成する。
  2. Event.initEventでイベントを初期化する。
  3. element.dispatchEventで要素にイベントを送る。

Microsoft Internet Explorer 8ではdocument.createEventを使用できないので、document.createEventObjectやElement.fireEventを使用する。

構文

document.createEvent(type)
type

イベントタイプを指定する。

イベントタイプ
イベントタイプ イベント
HTMLEvents load, unload, abort, error, select, change, submit, reset, focus, blur, resize, scroll
MouseEvents click, mousedown, mouseup, mouseover, mouseup, mouseout
MutationEvents DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, DOMAttrModified, DOMCharacterDataModified
UIEvents DOMFocusIn, DOMFocusOut, DOMActivate

戻り値

document.createEvent()は、新しく生成したEventオブジェクトを返す。

document.createEventのサンプル

document.createEventの使用例を示す。

var event = document.createEvent('change');