GlobalEventHandlers ミックスインは、 HTMLElement や Document 、 Window といったインターフェイスに共通のイベントハンドラーを示します。これらのインターフェイスは他のイベントハンドラを継承することもできます。
注記: GlobalEventHandlers はミックスインですが、インターフェイスではありませんし、GlobalEventHandlers 型のオブジェクトは作成できません。
プロパティ
このインターフェイスは、以下のイベントハンドラー以外のプロパティがありません。
イベントハンドラー
以下のイベントハンドラーは GlobalEventHandlers mixin で定義されており、HTMLElement、Document、Window、さらに Web Workers 向けに WorkerGlobalScope が実装しています。
GlobalEventHandlers.onabortabortイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onanimationcancel- CSS animation がキャンセルされたことを示す、
animationcancelイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.onanimationend- CSS animation の再生が停止したことを示す、
animationendイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.onanimationiteration- CSS animation のアニメーションシーケンスが新たなな繰り返しに入ったことを示す、
animationiterationイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.onanimationstart- CSS animation の再生が開始したことを示す、
animationstartイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.onauxclick- 入力デバイスで非プライマリーボタン (例えばマウスの中ボタン) が押下されたことを示す、
auxclickイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.onblurblurイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onerrorerrorイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onfocusfocusイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oncancelcancelイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oncanplaycanplayイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oncanplaythroughcanplaythroughイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onchangechangeイベントが発生した時にときび出すコードを表すEventHandlerです。GlobalEventHandlers.onclickclickイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onclosecloseイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oncontextmenucontextmenuイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oncuechangecuechangeイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondblclickdblclickイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragdragイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragenddragendイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragenterdragenterイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragexitdragexitイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragleavedragleaveイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragoverdragoverイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondragstartdragstartイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondropdropイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ondurationchangedurationchangeイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onemptiedemptiedイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onendedendedイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ongotpointercapturegotpointercaptureイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oninputinputイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.oninvalidinvalidイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onkeydownkeydownイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onkeypresskeypressイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onkeyupkeyupイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onloadloadイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onloadeddataloadeddataイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onloadedmetadataloadedmetadataイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onloadendloadendイベントが発生した (リソースの読み込みの進行が停止した) ときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onloadstartloadstartイベントが発生した (リソースの読み込みを開始した) ときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onlostpointercapturelostpointercaptureイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmousedownmousedownイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmouseentermouseenterイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmouseleavemouseleaveイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmousemovemousemoveイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmouseoutmouseoutイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmouseovermouseoverイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmouseupmouseupイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onmousewheelmousewheelイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpausepauseイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onplayplayイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onplayingplayingイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointerdownpointerdownイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointermovepointermoveイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointeruppointerupイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointercancelpointercancelイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointeroverpointeroverイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointeroutpointeroutイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointerenterpointereventイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointerleavepointerleaveイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointerlockchangepointerlockchangeイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onpointerlockerrorpointerlockerrorイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onprogressprogressイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onratechangeratechangeイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onresetresetイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onscrollscrollイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onseekedseekedイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onseekingseekingイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onselectselectイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onselectstartselectstartイベントが発生した (ユーザーがウェブページで新たにテキスト選択を開始した) ときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onselectionchangeselectionchangeイベントが発生した (ウェブページで選択されたテキストが替わった) ときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onshowshowイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onsortsortイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onstalledstalledイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onsubmitsubmitイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onsuspendsuspendイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ontimeupdatetimeupdateイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.onvolumechangevolumechangeイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ontouchcanceltouchcancelイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ontouchendtouchendイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ontouchmovetouchmoveイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ontouchstarttouchstartイベントが発生したときに呼び出すコードを表すEventHandlerです。GlobalEventHandlers.ontransitioncancel- CSS transition がキャンセルされたことを示す、
transitioncancelイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.ontransitionend- CSS transition の再生が停止したことを示す、
transitionendイベントが送信されたときに呼び出されるEventHandlerです。 GlobalEventHandlers.onwaitingwaitingイベントが発生したときに呼び出すコードを表すEventHandlerです。
メソッド
このインターフェイスではメソッドを定義していません。
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| Selection API Extension to GlobalEventHandlers の定義 |
草案 | onselectionchange を追加。 |
| Pointer Lock Extension of Document の定義 |
勧告候補 | Document で onpointerlockchange、onpointerlockerror を追加。実験的に GlobalEventHandlers で実装されています。 |
| HTML Living Standard GlobalEventHandlers の定義 |
現行の標準 | 最新のスナップショットである HTML 5.1 から変更なし。 |
| HTML 5.1 GlobalEventHandlers の定義 |
勧告 | HTML Living Standard のスナップショット。HTML5 のスナップショットに onsort を追加。 |
| HTML5 GlobalEventHandlers の定義 |
勧告 | HTML Living Standard のスナップショット。GlobalEventHandlers を作成 (以前はプロパティが実装対象に存在していました)。 |
ブラウザー実装状況
現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから！
| 機能 | Firefox (Gecko) | Chrome | Edge | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | ? | ? | ? |
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting |
3.5 (1.9.1) | (有) | ? | ? | ? | ? |
onsuspend |
3.6 (1.9.2) | (有) | ? | ? | ? | ? |
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop |
3.5 (1.9.1) | (有) | ? | ? | ? | ? |
onmouseenter, onmouseleave |
10 (10) | 30.0 | ? | 5.5 | 17 | ? |
ondragexit |
未サポート | 未サポート | ? | ? | ? | ? |
oncancel |
未サポート | (有) | ? | ? | ? | ? |
onclose |
未サポート | (有) | ? | ? | ? | ? |
oncuechange |
未サポート | (有) | ? | ? | ? | ? |
onmousewheel |
未サポート | (有) | ? | ? | ? | ? |
onsort |
未サポート | 未サポート | ? | ? | ? | ? |
onmozfullscreenchange, onmozfullscreenerror |
(有) | (有) -webkit (有) (unprefixed) |
未サポート | 未サポート | 未サポート | 未サポート |
onpointerlockchange, onpointerlockerror |
10 (10)[1] | (有)[2] -webkit | ? | ? | ? | ? |
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave |
(有)[3] | 55.0 | (有) | 10 | ? | ? |
onselectionchange |
43 (43)[4] | 未サポート | ? | ? | ? | ? |
ontouchend, ontouchcancel, ontouchmove, ontouchstart |
? | (有) | ? | ? | ? | ? |
animationstart, animationend, animationcancel, animationiteration |
51 (51) | (有) -webkit (有) (unprefixed) |
? | ? | ? | ? |
ongotpointercapture, onlostpointercapture |
? | 57.0 | ? | ? | 44 | ? |
onauxclick |
53 (53) | (有) | 未サポート | 未サポート | 未サポート | 未サポート |
| 機能 | Android Webview | Edge | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile | Android 版 Chrome |
|---|---|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | ? | ? | ? | ? | (有) |
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop |
? | ? | 1.0 (1.9.1) | ? | ? | ? | ? | ? |
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting |
(有) | ? | 1.0 (1.9.1) | ? | ? | ? | ? | (有) |
onmouseenter, onmouseleave |
(有) | ? | 10.0 (10) | ? | ? | ? | ? | (有) |
onsuspend |
(有) | ? | 1.0 (1.9.2) | ? | ? | ? | ? | (有) |
ondragexit |
未サポート | ? | 未サポート | ? | ? | ? | ? | 未サポート |
oncancel |
(有) | ? | 未サポート | ? | ? | ? | ? | (有) |
onclose |
(有) | ? | 未サポート | ? | ? | ? | ? | (有) |
oncuechange |
(有) | ? | 未サポート | ? | ? | ? | ? | (有) |
onmousewheel |
(有) | ? | 未サポート | ? | ? | ? | ? | (有) |
onsort |
未サポート | ? | 未サポート | ? | ? | ? | ? | 未サポート |
onmozfullscreenchange, onmozfullscreenerror |
(有) -webkit (有) (unprefixed) |
? | (有) | 未サポート | 未サポート | 未サポート | 未サポート | (有) -webkit (有) (unprefixed) |
onpointerlockchange, onpointerlockerror |
未サポート | ? | 10.0 (10)[1] | ? | ? | ? | ? | 未サポート |
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave |
55.0 | ? | (有)[3] | 未サポート | 10 | 未サポート | 未サポート | 55.0 |
onselectionchange |
未サポート | ? | 43.0 (43)[4] | ? | ? | ? | ? | 未サポート |
ontouchend, ontouchcancel, ontouchmove, ontouchstart |
(有) | ? | ? | ? | ? | ? | ? | (有) |
animationstart, animationend, animationcancel, animationiteration |
(有) -webkit (有) (unprefixed) |
? | 51.0 (51) | ? | ? | ? | ? | (有) -webkit (有) (unprefixed) |
ongotpointercapture, onlostpointercapture |
57.0 | ? | ? | ? | ? | 44 | ? | 57.0 |
onauxclick |
(有) | 未サポート | 53.0 (53) | 未サポート | 未サポート | 未サポート | 未サポート | (有) |
[1] Gecko では onmozpointerlockchange および onmozpointerlockerror として実装しています。
[2] Blink では onwebkitpointerlockchange および onwebkitpointerlockerror として実装しています。
[3] これは設定項目 dom.w3c_pointer_events.enabled で制御して実装しており、既定値は false です。
[4] これは設定項目 dom.select_events.enabled で制御して実装しており、既定値は Nightly を除き false です。