JavaScript event.initEvent()

JavaScriptのevent.initEvent()は、イベントを初期化するメソッドです。この記事では、イベント発火の手順をご紹介します。

概要

イベントを初期化する。JavaScriptでは，次の手順でイベントを発生させることができる。

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

引数

Event.initEvent(event, bubbles, cancelable)
event

イベントの種類を指定する。

イベントの種類
イベントタイプ イベントの種類
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

MouseEvent インタフェースを実装したイベントを作成して、クリック・イベントとして初期化する例を以下に示す。

let mouseEvent = document.createEvent('MouseEvents');
mouseEvent.initEvent('click', false, true);
bubbles

trueを指定した場合，イベントを先祖要素に伝搬(バブリング)する。

falseを指定した場合，イベントを先祖要素に伝搬しない。

cancelable

trueを指定した場合，イベントをキャンセル可能にする。

falseを指定した場合，イベントをキャンセル不可能にする。

参考文献

World Wide Web Consortium 2023. UI Events