DOM

GlobalEventHandlers インターフェイス(mixin)

  編集:2022.10.15 by T.A.

[Edge]。

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

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

プロパティ

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

メソッド

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

イベント ハンドラー

以下のイベント ハンドラーは GlobalEventHandlers ミックスインで定義されており、HTMLElementDocumentWindow、さらに Web Worker 向けには WorkerGlobalScope が実装しています。

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

テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: