DOM Event Playground
このページのいろんなイベントを受け取るフォーカス・スクロール可能なform要素内のUIを操作すると、JavaScriptがどのようなイベントを受け取るのかを確認できます。
イベントハンドラを持っている要素はform要素のみですが、一部のイベントによってはバブリングしないため直接イベントを受け取る要素にハンドラを登録しています。
サポートしているイベントタイプ
このページで採用されているイベント一覧です。一部非標準、非推奨も含まれています。
form要素には以下のイベントに関するハンドラを登録しています。
input要素には以下のイベントに関するハンドラを登録しています。
- invalid
- search
- select
- selectionchange
video要素には以下のイベントに関するハンドラを登録しています。
- abort
- canplay
- canplaythrough
- durationchange
- emptied
- encrypted
- ended
- error
- loadeddata
- loadedmetadata
- loadstart
- pause
- play
- playing
- progress
- ratechange
- seeked
- seeking
- stalled
- suspend
- timeupdate
- volumechange
- waiting
ログ（最大300行）
最後の作業から１秒経過すると、次の操作時にタイムスタンプの行が挿入されます。
イベントを受け取った要素名、イベント名、一部補足情報が出力されます。