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の使用例を示す。

const changeEvent = document.createEvent('change');