DOM

Event コンストラクター

 編集:2022.10.04 by T.A.

[Edge]。→

新しい Event を生成します。

この方法で作成されたイベントは合成イベントと呼ばれ、ブラウザーによって発行されたイベントとは対照的となっており、スクリプトから配信することができます。

構文
new Event(type[, options])
type 文字列で、イベントの名前を表します。
options 省略可。以下のプロパティを持ったオブジェクトです。
プロパティ説明
bubbles 論理値で、イベントがバブリングするかどうかを示します。既定値は false です。
cancelable 論理値で、イベントがキャンセル可能かどうかを示します。既定値は false です。
composed 論理値で、イベントがシャドウルートの外のリスナーに伝わるかどうかを示します(詳しくは Event.composed を参照してください)。既定値は false です。
戻り値

新しい Event オブジェクトです。

// create a look event that bubbles up and cannot be canceled

const evt = new Event("look", {"bubbles":true, "cancelable":false});
document.dispatchEvent(evt);

// event can be dispatched from any element, not only the document
myDiv.dispatchEvent(evt);

HTML:

<SPAN id=IdSpan onclick="alert(event.type)">SPAN要素。ここでクリック…</SPAN>

JavaScript:

eve=new Event("click");    //clickイベントを生成。
IdSpan.dispatchEvent(eve); //SPAN要素でそのclickイベントを起動させる。

テスト