Document.createEvent() - イベントを作成する
概要
- 名前
- createEvent
- 所属
- Document
- IDL
[NewObject] Event createEvent(DOMString interface);
- 仕様書
- https://dom.spec.whatwg.org/#dom-document-createevent
説明
引数(name)には、イベントの種類を表す文字列を指定する。イベントの種類については、イベントリファレンスもご参考下さい。
値 | 作成されるオブジェクト |
---|---|
"animationevent" | AnimationEvent |
"beforeunloadevent" | BeforeUnloadEvent |
"closeevent" | CloseEvent |
"compositionevent" | CompositionEvent |
"customevent" | CustomEvent |
"devicemotionevent" | DeviceMotionEvent |
"deviceorientationevent" | DeviceOrientationEvent |
"dragevent" | DragEvent |
"errorevent" | ErrorEvent |
"event" | Event |
"events" | Event |
"focusevent" | FocusEvent |
"hashchangeevent" | HashChangeEvent |
"htmlevents" | Event |
"idbversionchangeevent" | IDBVersionChangeEvent |
"keyboardevent" | KeyboardEvent |
"messageevent" | MessageEvent |
"mouseevent" | MouseEvent |
"mouseevents" | MouseEvent |
"pagetransitionevent" | PageTransitionEvent |
"popstateevent" | PopStateEvent |
"progressevent" | ProgressEvent |
"storageevent" | StorageEvent |
"svgevents" | Event |
"textevent" | CompositionEvent |
"touchevent" | TouchEvent |
"trackevent" | TrackEvent |
"transitionevent" | TransitionEvent |
"uievent" | UIEvent |
"uievents" | UIEvent |
"webglcontextevent" | WebGLContextEvent |
"wheelevent" | WheelEvent |
デモ
Document.createEvent()のデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<body>
<script>
var event = document.createEvent( "mouseevent" ) ;
console.log( event ) ;
document.body.appendChild( new Text( event ) ) ;
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● 9+ | ● | ● | ● |
関連記事
- Eventリファレンス
- WHATWGやW3Cで定義されているEventの仕様を、サンプルコードやデモ付きでまとめています。
- CompositionEvent
- CompositionEventは、変換確定前の全角文字など、未確定の入力があった時に発生するイベントで取り扱われるインターフェイスです。
- Event.initEvent()
- initEvent()は、Eventのメソッドです。Document.createEvent()で作成したイベントを初期化します。
- clickイベント
- clickイベントは、何らかをクリックした時に発生するイベントです。