イベントを作成
イベントを作成するには、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メソッドについては、生成したイベントの初期化（設定）ページをご覧ください。