SYNCERのロゴ
アイキャッチ画像

Document.createEvent() - イベントを作成する

createEvent()は、Documentのメソッドです。イベント(Event)を新しく作成します。

概要

名前
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>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月7日 (土)
コンテンツを公開しました。