--- title: GlobalEventHandlers slug: Web/API/GlobalEventHandlers tags: - API - DOM - GlobalEventHandlers - HTML DOM - Mixin - Reference - events - ミックスイン translation_of: Web/API/GlobalEventHandlers ---
{{ApiRef("HTML DOM")}}

GlobalEventHandlers ミックスインは、 {{domxref("HTMLElement")}} や {{domxref("Document")}} 、 {{domxref("Window")}} といったインターフェイスに共通のイベントハンドラーを示します。もちろん、これらのインターフェイスには、以下のものに加えて他のイベントハンドラーがある場合もあります。

メモ: GlobalEventHandlers はミックスインであり、インターフェイスではありません。 GlobalEventHandlers 型のオブジェクトは作成できません。

プロパティ

このインターフェイスには、以下のイベントハンドラー以外のプロパティはありません。

イベントハンドラー

以下のイベントハンドラーは {{domxref("GlobalEventHandlers")}} ミックスインで定義されており、 {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}、さらに Web Worker 向けには {{domxref("WorkerGlobalScope")}} が実装しています。

{{domxref("GlobalEventHandlers.onabort")}}
{{event("Event_handlers", "event handler")}} で、 {{domxref("HTMLMediaElement/abort_event", "abort")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onanimationcancel")}} {{Non-standard_inline}}
{{event("Event_handlers", "event handler")}} で、 CSS アニメーションがキャンセルされたことを示す {{event("animationcancel")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.onanimationend")}} {{Non-standard_inline}}
{{event("Event_handlers", "event handler")}} で、 CSS アニメーションの再生が停止したことを示す、 {{event("animationend")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.onanimationiteration")}} {{Non-standard_inline}}
{{event("Event_handlers", "event handler")}} で、 CSS アニメーションのアニメーションシーケンスが新たなな繰り返しに入ったことを示す、{{event("animationiteration")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.onanimationstart")}} {{Non-standard_inline}}
{{event("Event_handlers", "event handler")}} で、 CSS アニメーションの再生が開始したことを示す、{{event("animationstart")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.onauxclick")}} {{Non-standard_inline}}
{{event("Event_handlers", "event handler")}} で、入力デバイスで非プライマリーボタン (例えばマウスの中ボタン) が押下されたことを示す、 {{event("auxclick")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.onblur")}}
{{event("Event_handlers", "event handler")}} で、 {{event("blur")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onerror")}}
{{event("Event_handlers", "event handler")}} で、 {{event("error")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onfocus")}}
{{event("Event_handlers", "event handler")}} で、 {{event("focus")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oncancel")}}
{{event("Event_handlers", "event handler")}} で、 {{event("cancel")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oncanplay")}}
{{event("Event_handlers", "event handler")}} で、 {{event("canplay")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oncanplaythrough")}}
{{event("Event_handlers", "event handler")}} で、 {{event("canplaythrough")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onchange")}}
{{event("Event_handlers", "event handler")}} で、 {{event("change")}} イベントが発生した時にときび出すコードを表します。
{{domxref("GlobalEventHandlers.onclick")}}
{{event("Event_handlers", "event handler")}} で、 {{event("click")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onclose")}}
{{event("Event_handlers", "event handler")}} で、 {{event("close")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oncontextmenu")}}
{{event("Event_handlers", "event handler")}} で、 {{event("contextmenu")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oncuechange")}}
{{event("Event_handlers", "event handler")}} で、 {{event("cuechange")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondblclick")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dblclick")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondrag")}}
{{event("Event_handlers", "event handler")}} で、 {{event("drag")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondragend")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dragend")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondragenter")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dragenter")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondragexit")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dragexit")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondragleave")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dragleave")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondragover")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dragover")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondragstart")}}
{{event("Event_handlers", "event handler")}} で、 {{event("dragstart")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondrop")}}
{{event("Event_handlers", "event handler")}} で、 {{event("drop")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ondurationchange")}}
{{event("Event_handlers", "event handler")}} で、 {{event("durationchange")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onemptied")}}
{{event("Event_handlers", "event handler")}} で、 {{event("emptied")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onended")}}
{{event("Event_handlers", "event handler")}} で、 {{event("ended")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onformdata")}}
{{event("Event_handlers", "event handler")}} で、フォームデータが構築されたことを表す入力リストの後で発生する {{event("formdata")}} イベントの処理をします。
{{domxref("GlobalEventHandlers.ongotpointercapture")}}
{{event("Event_handlers", "event handler")}} で、 {{event("gotpointercapture")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oninput")}}
{{event("Event_handlers", "event handler")}} で、 {{event("input")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.oninvalid")}}
{{event("Event_handlers", "event handler")}} で、 {{event("invalid")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onkeydown")}}
{{event("Event_handlers", "event handler")}} で、 {{event("keydown")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onkeypress")}}
{{event("Event_handlers", "event handler")}} で、 {{event("keypress")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onkeyup")}}
{{event("Event_handlers", "event handler")}} で、 {{event("keyup")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onload")}}
{{event("Event_handlers", "event handler")}} で、 {{event("load")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onloadeddata")}}
{{event("Event_handlers", "event handler")}} で、 {{event("loadeddata")}} イベントが発生したときに呼び出すコードをします。
{{domxref("GlobalEventHandlers.onloadedmetadata")}}
{{event("Event_handlers", "event handler")}} で、 {{event("loadedmetadata")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onloadend")}}
{{event("Event_handlers", "event handler")}} で、 {{event("loadend")}} イベントが発生した (リソースの読み込みの進行が停止した) ときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onloadstart")}}
{{event("Event_handlers", "event handler")}} で、 {{event("loadstart")}} イベントが発生した (リソースの読み込みを開始した) ときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onlostpointercapture")}}
{{event("Event_handlers", "event handler")}} で、 {{event("lostpointercapture")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmousedown")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mousedown")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmouseenter")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mouseenter")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmouseleave")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mouseleave")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmousemove")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mousemove")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmouseout")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mouseout")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmouseover")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mouseover")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmouseup")}}
{{event("Event_handlers", "event handler")}} で、 {{event("mouseup")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onmousewheel")}} {{Non-standard_inline}} {{Deprecated_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("mousewheel")}} イベントが発生したときに呼び出すコードを表します。廃止予定です。 代わりに onwheel を使ってください。
{{ domxref("GlobalEventHandlers.onwheel") }}
{{event("Event_handlers", "event handler")}} で、 {{event("wheel")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpause")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pause")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onplay")}}
{{event("Event_handlers", "event handler")}} で、 {{event("play")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onplaying")}}
{{event("Event_handlers", "event handler")}} で、 {{event("playing")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerdown")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerdown")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointermove")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointermove")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerup")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerup")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointercancel")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointercancel")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerover")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerover")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerout")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerout")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerenter")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerenter")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerleave")}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerleave")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerlockchange")}} {{experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerlockchange")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onpointerlockerror")}} {{experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("pointerlockerror")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onprogress")}}
{{event("Event_handlers", "event handler")}} で、 {{event("progress")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onratechange")}}
{{event("Event_handlers", "event handler")}} で、 {{event("ratechange")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onreset")}}
{{event("Event_handlers", "event handler")}} で、 {{event("reset")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onresize")}}
{{event("Event_handlers", "event handler")}} で、 {{event("resize")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onscroll")}}
{{event("Event_handlers", "event handler")}} で、 {{event("scroll")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onseeked")}}
{{event("Event_handlers", "event handler")}} で、 {{event("seeked")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onseeking")}}
{{event("Event_handlers", "event handler")}} で、 {{event("seeking")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onselect")}}
{{event("Event_handlers", "event handler")}} で、 {{event("select")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onselectstart")}}
{{event("Event_handlers", "event handler")}} で、 {{event("selectstart")}} イベントが発生した (ユーザーがウェブページで新たにテキスト選択を開始した) ときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onselectionchange")}}
{{event("Event_handlers", "event handler")}} で、 {{event("selectionchange")}} イベントが発生した (ウェブページで選択されたテキストが替わった) ときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onshow")}}
{{event("Event_handlers", "event handler")}} で、 {{event("show")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onsort")}} {{experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("sort")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onstalled")}}
{{event("Event_handlers", "event handler")}} で、 {{event("stalled")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onsubmit")}}
{{event("Event_handlers", "event handler")}} で、 {{event("submit")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onsuspend")}}
{{event("Event_handlers", "event handler")}} で、 {{event("suspend")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ontimeupdate")}}
{{event("Event_handlers", "event handler")}} で、 {{event("timeupdate")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.onvolumechange")}}
{{event("Event_handlers", "event handler")}} で、 {{event("volumechange")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ontouchcancel")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("touchcancel")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ontouchend")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("touchend")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ontouchmove")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("touchmove")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ontouchstart")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("Event_handlers", "event handler")}} で、 {{event("touchstart")}} イベントが発生したときに呼び出すコードを表します。
{{domxref("GlobalEventHandlers.ontransitioncancel")}}
{{event("Event_handlers", "event handler")}} で、 CSS トランジションがキャンセルされたことを示す、 {{event("transitioncancel")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.ontransitionend")}}
{{event("Event_handlers", "event handler")}} で、 CSS トランジションの再生が停止したことを示す、{{event("transitionend")}} イベントが送信されたときに呼び出されます。
{{domxref("GlobalEventHandlers.ontransitionrun")}}
{{event("Event_handlers", "event handler")}} で、 {{event("transitionrun")}} イベントが送信されたときに呼び出され、 CSS トランジションが実行されていることを示しますが、開始されているとは限りません。
{{domxref("GlobalEventHandlers.ontransitionstart")}}
{{event("Event_handlers", "event handler")}} で、 {{event("transitionstart")}} イベントが送信されたときに呼び出され、 CSS トランジションが遷移を開始したことを示します。
{{domxref("GlobalEventHandlers.onwaiting")}}
{{event("Event_handlers", "event handler")}} で、 {{event("waiting")}} イベントが発生したときに呼び出すコードを表します。

メソッド

このインターフェイスではメソッドを定義していません。

仕様書

仕様書 状態 備考
{{SpecName("Selection API",'', 'Extension to GlobalEventHandlers')}} {{Spec2('Selection API')}} onselectionchange を追加。
{{SpecName('Pointer Lock', '#extensions-to-the-document-interface', 'Extension of Document')}} {{Spec2('Pointer Lock')}} {{domxref("Document")}} で onpointerlockchangeonpointerlockerror を追加。実験的に GlobalEventHandlers で実装されています。
{{SpecName('HTML WHATWG', '#globaleventhandlers', 'GlobalEventHandlers')}} {{Spec2('HTML WHATWG')}} 最新のスナップショットである {{SpecName("HTML5.1")}} から変更なし。
{{SpecName('HTML5.1', '#globaleventhandlers', 'GlobalEventHandlers')}} {{Spec2('HTML5.1')}} {{SpecName("HTML WHATWG")}} のスナップショット。{{SpecName("HTML5 W3C")}} のスナップショットに onsort を追加。
{{SpecName("HTML5 W3C", "#globaleventhandlers", "GlobalEventHandlers")}} {{Spec2('HTML5 W3C')}} {{SpecName("HTML WHATWG")}} のスナップショット。GlobalEventHandlers を作成 (以前はプロパティが実装対象に存在していました)。

ブラウザーの互換性

{{Compat("api.GlobalEventHandlers")}}

関連情報