イベントを作成

イベントを作成するには、document.createEventメソッドを使用します。

構文

var event = document.createEvent(type);
引数名 説明
第一引数
必須
type string イベントタイプ

戻り値

作成されたEventオブジェクトを返します。

イベントタイプ

イベントタイプ名 説明 属するイベントの例
Event 基本的なイベント  
UIEvents DOMなどUIに関するイベント  
MouseEvents マウスに関するイベント click, mouseoverなど
MutationEvents 要素の変更に関するイベント DOMNodeInsertedなど
HTMLEvents HTML要素に関するイベント  
TextEvent 文字列に関するイベント  

サンプルコード

JavaScript

var elem = document.getElementById('sample');

// イベントハンドラを登録
elem.addEventListener('customEvent', function() {
	alert('OK');
}, false);

// クリックしたらカスタムイベントを作成・初期化して発火
elem.addEventListener('click', function() {
	var event = document.createEvent('HTMLEvents');

	event.initEvent('customEvent', true, false);

	this.dispatchEvent(event);
}, false);

event.initEventメソッドについては、生成したイベントの初期化(設定)ページをご覧ください。

JavaScript逆引きリファレンス一覧へ戻る