SYNCER

SYNCER

GlobalEventHandlers - 基本的なイベントハンドラ

公開日:

GlobalEventHandlersは、WindowDocumentElementが実装する、イベントハンドラを含んだオブジェクトです。最も基本的なイベントハンドラが含まれています。

概要

名前
GlobalEventHandlers
継承
  1. EventTarget
  2. Node
  3. Element
  4. HTMLElement
  5. GlobalEventHandlers
実装
実装するインターフェイスはありません。
IDL
[NoInterfaceObject]
interface GlobalEventHandlers {
  attribute EventHandler onabort;
  attribute EventHandler onauxclick;
  attribute EventHandler onblur;
  attribute EventHandler oncancel;
  attribute EventHandler oncanplay;
  attribute EventHandler oncanplaythrough;
  attribute EventHandler onchange;
  attribute EventHandler onclick;
  attribute EventHandler onclose;
  attribute EventHandler oncontextmenu;
  attribute EventHandler oncuechange;
  attribute EventHandler ondblclick;
  attribute EventHandler ondrag;
  attribute EventHandler ondragend;
  attribute EventHandler ondragenter;
  attribute EventHandler ondragexit;
  attribute EventHandler ondragleave;
  attribute EventHandler ondragover;
  attribute EventHandler ondragstart;
  attribute EventHandler ondrop;
  attribute EventHandler ondurationchange;
  attribute EventHandler onemptied;
  attribute EventHandler onended;
  attribute OnErrorEventHandler onerror;
  attribute EventHandler onfocus;
  attribute EventHandler oninput;
  attribute EventHandler oninvalid;
  attribute EventHandler onkeydown;
  attribute EventHandler onkeypress;
  attribute EventHandler onkeyup;
  attribute EventHandler onload;
  attribute EventHandler onloadeddata;
  attribute EventHandler onloadedmetadata;
  attribute EventHandler onloadend;
  attribute EventHandler onloadstart;
  attribute EventHandler onmousedown;
  [LenientThis] attribute EventHandler onmouseenter;
  [LenientThis] attribute EventHandler onmouseleave;
  attribute EventHandler onmousemove;
  attribute EventHandler onmouseout;
  attribute EventHandler onmouseover;
  attribute EventHandler onmouseup;
  attribute EventHandler onwheel;
  attribute EventHandler onpause;
  attribute EventHandler onplay;
  attribute EventHandler onplaying;
  attribute EventHandler onprogress;
  attribute EventHandler onratechange;
  attribute EventHandler onreset;
  attribute EventHandler onresize;
  attribute EventHandler onscroll;
  attribute EventHandler onseeked;
  attribute EventHandler onseeking;
  attribute EventHandler onselect;
  attribute EventHandler onshow;
  attribute EventHandler onstalled;
  attribute EventHandler onsubmit;
  attribute EventHandler onsuspend;
  attribute EventHandler ontimeupdate;
  attribute EventHandler ontoggle;
  attribute EventHandler onvolumechange;
  attribute EventHandler onwaiting;
};

typedef EventHandlerNonNull? EventHandler;

typedef OnErrorEventHandlerNonNull? OnErrorEventHandler;

[TreatNonObjectAsNull]
callback EventHandlerNonNull = any (Event event);

[TreatNonObjectAsNull]
callback OnErrorEventHandlerNonNull = any ((Event or DOMString) event, optional DOMString source, optional unsigned long lineno, optional unsigned long colno, optional any error);
// CSS Animations
partial interface GlobalEventHandlers {
  attribute EventHandler onanimationstart;
  attribute EventHandler onanimationiteration;
  attribute EventHandler onanimationend;
  attribute EventHandler onanimationcancel;
};

typedef EventHandlerNonNull? EventHandler;

[TreatNonObjectAsNull]
callback EventHandlerNonNull = any (Event event);
// CSS Transitions
partial interface GlobalEventHandlers {
  attribute EventHandler ontransitionrun;
  attribute EventHandler ontransitionstart;
  attribute EventHandler ontransitionend;
  attribute EventHandler ontransitioncancel;
};

typedef EventHandlerNonNull? EventHandler;

[TreatNonObjectAsNull]
callback EventHandlerNonNull = any (Event event);
仕様書
https://html.spec.whatwg.org/multipage/webappapis.html#globaleventhandlers (DOM)
https://drafts.csswg.org/css-animations/#interface-globaleventhandlers (CSS Animations)
https://drafts.csswg.org/css-animations/#interface-globaleventhandlers (CSS Transitions)

プロパティ

NodeElementHTMLElementのプロパティを利用できます。

メソッド

EventTargetNodeElementHTMLElementのメソッドを利用できます。

定数

Nodeの定数を利用できます。

イベントハンドラ

GlobalEventHandlers.onabort

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

読み込みが中断された時に発火します。

GlobalEventHandlers.onauxclick

Chrome
55+
Firefox
×
Edge
×
IE
×
Safari
×
Opera
42+
iOS
×
Android
×

ホイールボタンをクリックした時に発火します。

GlobalEventHandlers.onblur

Chrome
Firefox
9+
Edge
IE
Safari
Opera
11.6+
iOS
Android

フォーカスを外した時に発火します。

GlobalEventHandlers.oncancel

Chrome
32+
Firefox
×
Edge
×
IE
×
Safari
×
Opera
19+
iOS
×
Android
×

ダイアログをキャンセルして閉じた時に発火します。

GlobalEventHandlers.oncanplay

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーの再生準備ができた時に発火します。

GlobalEventHandlers.oncanplaythrough

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーが、全編を通してバッファリングせずに再生できる状態になった時に発火します。

GlobalEventHandlers.onchange

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

フォームコントロールの入力内容に変化があった時に発火します。

GlobalEventHandlers.onclick

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

クリックした時に発火します。

GlobalEventHandlers.onclose

Chrome
32+
Firefox
×
Edge
×
IE
×
Safari
×
Opera
19+
iOS
×
Android
×

HTMLDialogElement.open()HTMLDialogElement.showModal()で開いたダイアログを、閉じた時に発火します。

GlobalEventHandlers.oncontextmenu

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

右クリックなどで、コンテキストメニューを表示した時に発火します。

GlobalEventHandlers.oncuechange

Chrome
32+
Firefox
×
Edge
×
IE
×
Safari
×
Opera
19+
iOS
×
Android
×

キュー(字幕)が変化した時に発火します。

GlobalEventHandlers.ondblclick

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

ダブルクリックをした時に発火します。

GlobalEventHandlers.ondrag

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドラッグをした時に発火します。

GlobalEventHandlers.ondragend

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドラッグを完了した時に発火します。

GlobalEventHandlers.ondragenter

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドラッグ中のポインタが、ターゲットの有効な範囲に入った時に発火します。

GlobalEventHandlers.ondragexit

Chrome
×
Firefox
51+
Edge
×
IE
×
Safari
×
Opera
×
iOS
×
Android
×

ドラッグ中のポインタが、ターゲットの有効な範囲から出た時に発火します。

GlobalEventHandlers.ondragleave

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドラッグ中のポインタが、ターゲットの有効な範囲から離れた時に発火します。

GlobalEventHandlers.ondragover

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドラッグ中のポインタが、ターゲットの有効な範囲に乗った時に発火します。

GlobalEventHandlers.ondragstart

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドラッグを開始した時に発火します。

GlobalEventHandlers.ondrop

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
15+
iOS
Android

ドロップをした時に発火します。

GlobalEventHandlers.ondurationchange

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーの再生時間が確定した時に発火します。

GlobalEventHandlers.onemptied

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーのバッファが空になった時に発火します。

GlobalEventHandlers.onended

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーの再生が終了した時に発火します。一時停止では発火しません。

GlobalEventHandlers.onerror

Chrome
Firefox
9+
Edge
IE
Safari
Opera
11.6+
iOS
Android

エラーが発生した時に発火します。

GlobalEventHandlers.onfocus

Chrome
Firefox
9+
Edge
IE
Safari
Opera
11.6+
iOS
Android

フォーカスをした時に発火します。

GlobalEventHandlers.oninput

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

フォームコントロールに入力をした時に発火します。

GlobalEventHandlers.oninvalid

Chrome
Firefox
9+
Edge
IE
×
Safari
5.1+
Opera
11.6+
iOS
Android

フォームコントロールで検証エラーが発生した時に発火します。

GlobalEventHandlers.onkeydown

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

キーを押した時に発火します。

GlobalEventHandlers.onkeypress

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

キーを押して文字が入力された時に発火します。半角英数字や改行を入力した時は発生し、全角文字を確定させて入力しても発火しません。

GlobalEventHandlers.onkeyup

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

押したキーを離した時に発火します。

GlobalEventHandlers.onload

Chrome
Firefox
9+
Edge
IE
Safari
Opera
iOS
Android

読み込みが正常に完了した時に発火します。

GlobalEventHandlers.onloadeddata

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、最初のフレームの読み込みが完了した時に発火します。

GlobalEventHandlers.onloadedmetadata

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、メタデータの読み込みが完了した時に発火します。

GlobalEventHandlers.onloadend

Chrome
×
Firefox
51+
Edge
×
IE
×
Safari
×
Opera
×
iOS
×
Android
×

成功、失敗に関わらず、読み込みを終えた時に発火します。

GlobalEventHandlers.onloadstart

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

読み込みを開始した時に発火します。

GlobalEventHandlers.onmousedown

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

マウスボタンを押した時に発火します。

GlobalEventHandlers.onmouseenter

Chrome
30+
Firefox
10+
Edge
IE
9+
Safari
7.1+
Opera
18+
iOS
7.0+
Android
4.4+

マウスポインタが範囲に入った時に発火します。

GlobalEventHandlers.onmouseleave

Chrome
30+
Firefox
10+
Edge
IE
9+
Safari
7.1+
Opera
18+
iOS
7.0+
Android
4.4+

マウスポインタが範囲から離れた時に発火します。

GlobalEventHandlers.onmousemove

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

マウスポインタを動かした時に発火します。

GlobalEventHandlers.onmouseout

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

マウスポインタが範囲外に出た時に発火します。

GlobalEventHandlers.onmouseover

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

マウスポインタが範囲に乗った時に発火します。

GlobalEventHandlers.onmouseup

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

押したマウスボタンを離した時に発火します。

GlobalEventHandlers.onpause

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーがポーズになった時に発火します。

GlobalEventHandlers.onplay

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーが再生を開始した時に発火します。

GlobalEventHandlers.onplaying

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーが再生中の状態になった時に発火します。

GlobalEventHandlers.onprogress

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

リソースの読み込み中に繰り返し発火します。

GlobalEventHandlers.onratechange

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーの再生速度が変化した時に発火します。

GlobalEventHandlers.onreset

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

フォームコントロールをリセットした時に発火します。

GlobalEventHandlers.onresize

Chrome
Firefox
9+
Edge
IE
Safari
Opera
11.6+
iOS
Android

リサイズした時に発火します。

GlobalEventHandlers.onscroll

Chrome
Firefox
9+
Edge
IE
Safari
Opera
11.6+
iOS
Android

スクロールをした時に発火します。

GlobalEventHandlers.onseeked

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、シークが完了した時に発火します。

GlobalEventHandlers.onseeking

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、シーク操作中に発火します。

GlobalEventHandlers.onselect

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

フォームコントロールで、入力内容を選択した時に発火します。

GlobalEventHandlers.onshow

Chrome
32+
Firefox
9+
Edge
×
IE
×
Safari
×
Opera
19+
iOS
×
Android
×

menu要素が、コンテキストメニューとして表示された時に発火します。

GlobalEventHandlers.onstalled

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーが、何らかの理由でファイルのデータを取得できなかった時に発火します。

GlobalEventHandlers.onsubmit

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

フォームコントロールで、送信した時に発火します。

GlobalEventHandlers.onsuspend

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、読み込みが完了するなどしてネットワークがアイドル状態になった時に発火します。

GlobalEventHandlers.ontimeupdate

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、再生位置が変化した時に発火するイベントハンドラです。再生中は繰り返し発火します。

GlobalEventHandlers.ontoggle

Chrome
36+
Firefox
49+
Edge
×
IE
×
Safari
×
Opera
24+
iOS
×
Android
×

details要素で作成したディスクロージャーウィジェットを開閉した時に発火します。

GlobalEventHandlers.onvolumechange

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、音量が変化した時に発火します。

GlobalEventHandlers.onwaiting

Chrome
Firefox
9+
Edge
IE
9+
Safari
Opera
11.6+
iOS
Android

メディアプレーヤーで、読み込み待ちの状態になった時に発火します。

GlobalEventHandlers.onwheel

Chrome
31+
Firefox
17+
Edge
IE
×
Safari
7.1+
Opera
18+
iOS
8.3+
Android
×

ホイールを回した時に発火します。

サポート状況

GlobalEventHandlersのサポート状況です。

ブラウザサポート状況ブラウザサポート状況
ChromeSupportedFirefoxSupported
EdgeSupportedInternet ExplorerSupported
SafariSupportedOperaSupported
iOS SafariSupportedAndroidSupported

Chrome

バージョンサポート状況公開時期シェア
57Supported2017年3月頃0.1%
56Supported2017年1月頃12.02%
55Supported2016年12月頃12.36%
54Supported2016年10月頃0.44%
53Supported2016年9月頃0.25%
52Supported2016年7月頃0.27%
51Supported2016年6月頃0.4%
50Supported2016年4月頃0.32%
49Supported2016年3月頃0.47%
48Supported2016年1月頃0.02%
47Supported2015年12月頃0.06%
46Supported2015年10月頃0.56%
45Supported2015年9月頃0.01%
44Supported2015年7月頃0.83%
43Supported2015年5月頃0.05%
42Supported2015年4月頃0.05%
41Supported2015年3月頃0.01%
40Supported2015年1月頃0.59%
39Supported2014年11月頃0.02%
38Supported2014年10月頃0.08%
37Supported2014年8月頃0.01%
36Supported2014年7月頃0.01%
35Supported2014年5月頃0.01%
34Supported2014年4月頃0.14%
33Supported2014年2月頃0.01%
32Supported2014年1月頃0%
31Supported2013年11月頃0.01%
30Supported2013年10月頃0.03%
29Supported2013年8月頃0%
28Supported2013年6月頃0.03%
27Supported2013年5月頃0.01%
26Supported2013年3月頃0%
25Supported2013年2月頃0%
24Supported2013年1月頃0%
23Supported2012年11月頃0%
22Supported2012年9月頃0%
21Supported2012年7月頃0%
20Supported2012年6月頃0%
19Supported2012年5月頃0%
18Supported2012年3月頃0.01%
17Supported2012年2月頃0.01%
16Supported2011年12月頃0%
15Supported2011年10月頃0%
14Supported2011年9月頃0%

Firefox

バージョンサポート状況公開時期シェア
52Supported2017年3月頃0.12%
51Supported2017年1月頃1.7%
50Supported2016年11月頃0.78%
49Supported2016年9月頃0.02%
48Supported2016年8月頃0.07%
47Supported2016年6月頃0.03%
46Supported2016年4月頃0.01%
45Supported2016年3月頃0.1%
44Supported2016年1月頃0.01%
43Supported2015年12月頃0.02%
42Supported2015年11月頃0.01%
41Supported2015年9月頃0%
40Supported2015年8月頃0.02%
39Supported2015年7月頃0.01%
38Supported2015年5月頃0.02%
37Supported2015年3月頃0%
36Supported2015年2月頃0.01%
35Supported2015年1月頃0%
34Supported2014年12月頃0.01%
33Supported2014年10月頃0%
32Supported2014年9月頃0%
31Supported2014年7月頃0.01%
30Supported2014年6月頃0%
29Supported2014年4月頃0%
28Supported2014年3月頃0.01%
27Supported2014年2月頃0%
26Supported2013年12月頃0%
25Supported2013年10月頃0%
24Supported2013年9月頃0%
23Supported2013年8月頃0%
22Supported2013年6月頃0%
21Supported2013年5月頃0%
20Supported2013年4月頃0%
19Supported2013年2月頃0%
18Supported2013年1月頃0%
17Supported2012年11月頃0%
16Supported2012年10月頃0%
15Supported2012年8月頃0%
14Supported2012年7月頃0%
13Supported2012年6月頃0%
12Supported2012年4月頃0%
11Supported2012年3月頃0%
10Supported2012年1月頃0%
9Supported2011年12月頃0%
8Supported2011年11月頃0%
7Supported2011年9月頃0%
6Supported2011年8月頃0%
5Supported2011年6月頃0%
4Supported2011年3月頃0%

Edge

バージョンサポート状況公開時期シェア
14Supported2016年2月頃1.05%
13Supported2015年9月頃0.08%

Internet Explorer

バージョンサポート状況公開時期シェア
11Supported2013年10月頃4.99%
10Supported2012年8月頃0.09%
9Supported2011年3月頃0.18%
8Supported2009年3月頃0.04%
7Supported2006年10月頃0.01%
6Supported2001年8月頃0%

Safari

バージョンサポート状況公開時期シェア
10Supported2016年10月頃0%
9.1Supported2015年9月頃0%
8.0Supported2014年10月頃0%
7.1Supported2013年10月頃0%
6.0Supported2012年7月頃0%
5.1Supported2011年7月頃0%
4Supported2009年6月頃0%

Opera

バージョンサポート状況公開時期シェア
43Supported2017年2月頃0.06%
42Supported2016年12月頃0.09%
41調査中…2016年10月頃0.01%
40Supported2016年9月頃0%
39Supported2016年8月頃0%
38調査中…2016年6月頃0%
37Supported2016年5月頃0.01%
36Supported2016年3月頃0.01%
35Supported2016年2月頃0%
34調査中…2015年12月頃0%
33調査中…2015年10月頃0%
32調査中…2015年9月頃0%
31調査中…2015年8月頃0%
30Supported2015年6月頃0%
29調査中…2015年4月頃0%
28Supported2015年3月頃0%
27Supported2015年1月頃0%
26調査中…2014年12月頃0%
25Supported2014年10月頃0%
24Supported2014年9月頃0%
23調査中…2014年7月頃0%
22Supported2014年6月頃0%
21Supported2014年5月頃0.01%
20Supported2014年3月頃0%
19Supported2014年1月頃0%
18Supported2013年11月頃0%
17調査中…2013年10月頃0%
16調査中…2013年8月頃0%
15Supported2013年7月頃0%
12Supported2012年6月頃0.02%
11.6Supported2011年12月頃0%
11.1Supported2011年4月頃0%

iOS Safari

バージョンサポート状況公開時期シェア
10.0Supported2016年9月頃39.65%
9.1Supported2015年9月頃5.39%
8.3Supported2014年9月頃1.03%
7.0Supported2013年9月頃0.24%
6.0Supported2012年9月頃0.05%
5.1Supported2011年10月頃0.03%

Android

バージョンサポート状況公開時期シェア
4.4Supported2013年10月頃0%
4.3Supported2013年7月頃0%
4.2Supported2013年3月頃0.03%
4.1Supported2012年12月頃0%
4.0Supported2012年6月頃1.61%
2.3Supported2011年10月頃0%