JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

HTML DOM イベント

DOMイベントを送信することで、発生する興味深い出来事をコードに通知します。

イベントは通常、機能と組み合わせて使用され、イベントが発生する前に（例えば、ユーザーがボタンをクリックした場合）機能は実行されません。

イベントは、基本的なユーザーインタラクションから、モデルの表示中に発生する自動通知まで、何でも表現できます。

アクティビティ名	説明	イベントタイプ
abort	リソースのロードが中止された際に発生するイベントです	UiEvent, Event
afterprint	関連するドキュメントが印刷や印刷プレビューが閉じられた際に発生するイベントです	Event
animationend	CSSアニメーションが完了した際に発生します	詳細を返します
animationiteration	CSSアニメーションが繰り返し実行された際に発生するイベントです	詳細を返します
animationstart	CSSアニメーションが開始された際に発生するイベントです	詳細を返します
beforeprint	関連するドキュメントが印刷やプレビュー印刷に移行される際に発生するイベントです	Event
beforeunload	ウィンドウ、ドキュメントおよびそのリソースがアンロードされる直前にこのイベントが発生します	UiEvent, Event
blur	要素が焦点を失う直前にこのイベントが発生します（冒泡しません）	FocusEvent
canplay	ブラウザがメディアを再生し始めることができるときに（再生を開始するために十分なバッファリングがある場合）このイベントが発生します。	Event
canplaythrough	ブラウザがバッファリングを停止しないでメディアを再生できるときにこのイベントが発生します	Event
change	フォーム要素、選択状態または選択された状態の内容が変更されたときに（<input>、<select>および<textarea>に対して）このイベントが発生します。	Event
click	ユーザーが要素をクリックしたときに発生するイベント	MouseEvent
contextmenu	ユーザーが特定の要素を右クリックしてコンテキストメニューを開いたときに発生するイベント	MouseEvent
copy	ユーザーが要素の内容をコピーしたときにこのイベントが発生します	ClipboardEvent
cut	ユーザーが要素の内容をカットしたときにこのイベントが発生します	ClipboardEvent
dblclick	ユーザーが要素をダブルクリックしたときに発生するイベント	MouseEvent
drag	ドラッグ中に発生するイベント	DragEvent
dragend	ユーザーがドラッグを完了したときにこのイベントが発生します	DragEvent
dragenter	ドラッグ中の要素がドロップ先に入ったときに発生するイベント	DragEvent
dragleave	ドラッグ中の要素がドロップ先から離れたときに発生するイベント	DragEvent
dragover	ドラッグ中の要素がドロップ先の上に来たときに発生するイベント	DragEvent
dragstart	ユーザーが要素をドラッグ開始したときにこのイベントが発生します	DragEvent
drop	ドラッグ中の要素をドロップ先に配置したときに発生するイベント	DragEvent
durationchange	メディアの再生時間が変更されたときにこのイベントが発生します	Event
ended	メディアが最後まで再生されたときにこのイベントが発生します（「お聴きいただきありがとうございました」のようなメッセージには非常に役立ちます）	Event
error	リソースのロードに失敗したときに発生します	ProgressEvent, UiEvent, Event
focus	要素が焦点を得たときに発生するイベントです（冒泡しません）	FocusEvent
focusin	特定の要素が焦点を得る直前にこのイベントが発生します	FocusEvent
focusout	特定の要素が焦点を失う直前にこのイベントが発生します	FocusEvent
fullscreenchange	フルスクリーン表示中に要素に対してイベントが発生します	Event
fullscreenerror	要素がフルスクリーン表示できなかったときにこのイベントが発生します	Event
hashchange	URLのアンカー部分が変更されたときに、このイベントが発生します	HashChangeEvent
input	要素がユーザーからの入力を受け取ったときにイベントが発生します	InputEvent, Event
invalid	要素が無効なときに発生します	Event
keydown	ユーザーが特定のキーを押したときにこのイベントが発生します	KeyboardEvent
keypress	ユーザーがキーを押したときにイベントが発生します	KeyboardEvent
keyup	ユーザーがキーを解放するときにこのイベントが発生します。	KeyboardEvent
load	オブジェクトがロードされたときにこのイベントが発生します。	UiEvent, Event
loadeddata	メディアデータをロードするときにこのイベントが発生します。	Event
loadedmetadata	メタデータ（サイズや持续时间など）をロードするときにこのイベントが発生します。	Event
loadstart	ブラウザが指定されたメディアを検索を始めたときにこのイベントが発生します。	ProgressEvent
message	イベントソースからメッセージを受け取るときにこのイベントが発生します。	Event
mousedown	ユーザーが要素上でマウスボタンを押下するときにこのイベントが発生します。	MouseEvent
mouseenter	指標が要素上に移動するときにこのイベントが発生します。	MouseEvent
mouseleave	指標が要素から移動するときにこのイベントが発生します。	MouseEvent
mousemove	指標が要素上で移動するときにこのイベントが発生します。	MouseEvent
mouseover	指標が要素やその子要素のいずれか上に移動するときにこのイベントが発生します。	MouseEvent
mouseout	ユーザーが特定の要素やその子要素のいずれかからマウス指標を移動するときにこのイベントが発生します。	MouseEvent
mouseup	ユーザーが要素上でマウスボタンを解放するときにこのイベントが発生します。	MouseEvent
mousewheel	推奨されません。wheelイベントを使用するようにしてください。	Z軸のマウスローラーのスクロール量を返します
offline	ブラウザがオフラインで作業を始めたときにこのイベントが発生します。	Event
online	ブラウザがオンラインで作業を始めたときにこのイベントが発生します。	Event
open	イベントソースとの接続を開くとこのイベントが発生します。	Event
pagehide	ユーザーがウェブページのナビゲーションを離れたときにこのイベントが発生します。	PageTransitionEvent
ページが表示されます。	ユーザーがウェブページにナビゲートするときにイベントが発生します。	PageTransitionEvent
paste	ユーザーが特定の内容を要素に貼り付けるときにこのイベントが発生します。	ClipboardEvent
pause	ユーザーがメディアを一時停止したり、プログラム的に一時停止するときにこのイベントが発生します。	Event
play	メディアが再生を開始したり、再び一時停止されない場合にこのイベントが発生します。	Event
playing	メディアのバッファリングを停止してからメディアを再生するときにこのイベントが発生します。	Event
popstate	ウィンドウの履歴が変更されたときにこのイベントが発生します。	PopStateEvent
progress	ブラウザがメディアデータを取得（メディアのダウンロード）している過程でこのイベントが発生します。	Event
ratechange	メディアの再生速度を変更するときにこのイベントが発生します。	Event
resize	ドキュメントのビューポートのサイズを調整するときにこのイベントが発生します。	UiEvent, Event
reset	このイベントはフォームをリセットするときに発生します。	Event
scroll	スクロール要素のスクロールバーを操作するときにイベントが発生します。	UiEvent, Event
search	ユーザーが検索フィールドに内容を入力するとき（<input="search">に対して）、このイベントが発生します。	Event
seeked	ユーザーが移動を完了したときに/メディア内の新しい位置に移動するときにこのイベントが発生します。	Event
seeking	ユーザーが始めるときに/メディア内の新しい位置に移動するときにこのイベントが発生します。	Event
select	ユーザーが特定のテキスト（<input>や<textarea>に対して）を選択した後、このイベントが発生します。	UiEvent, Event
show	<menu>要素がコンテキストメニューとして表示されたときに発生します	Event
stalled	ブラウザがメディアデータを取得しようとしましたがデータが利用できない場合に発生します	Event
storage	Webストレージエリアを更新したときに発生します	StorageEvent
submit	フォームが提出されたときに発生します	Event
suspend	ブラウザが意図的にメディアデータを取得しない場合に発生します	Event
timeupdate	再生位置が変更されたとき（例えば、ユーザーがメディア内の別の場所に速く進む場合）に発生します	Event
toggle	ユーザーが<details>要素を開いたり閉じたりしたときに発生します	Event
touchcancel	タッチが中断されたときに発生します	TouchEvent
touchend	指がタッチスクリーンから離れたときに発生します	TouchEvent
touchmove	指がスクリーン上をドラッグしているときに発生します	TouchEvent
touchstart	指がタッチスクリーンに置かれたときに発生します	TouchEvent
transitionend	CSSのトランジションが完了した際に発生するイベントです。	TransitionEvent
unload	ドキュメントや従属リソースがアンロードされたときに発生します	UiEvent, Event
volumechange	メディアの音量が変更された場合（「ミュート」に音量を設定することも含みます）に発生します	Event
waiting	メディアが一時停止されましたが再開されることが予想される場合（例えば、メディアがデータをバッファリングするために一時停止された場合）に発生します	Event
wheel	マウスのホイールが要素上に上下にスクロールされたときに発生します	Z軸のマウスローラーのスクロール量を返します

HTML DOMイベント属性

以下のテーブルにはDOMイベントの属性が示されています：

属性	説明	イベントタイプ
altKey	マウスイベントがトリガーされたときに「ALT」キーが押されているかどうかを返します	MouseEvent
altKey	キーイベントがトリガーされたときに「ALT」キーが押されているかどうかを返します	KeyboardEvent, TouchEvent
animationName	アニメーションの名前を返します	詳細を返します
bubbles	特定のイベントがバブルイベントであるかどうかを返します	Event
button	マウスイベントがトリガーされた際に押されたマウスボタンの情報を返します。	MouseEvent
buttons	マウスイベントがトリガーされた際に押されたマウスボタンの情報を返します。	MouseEvent
cancelable	イベントがデフォルトの操作を停止できるかどうかを返します	Event
charCode	onkeypressイベントがトリガーされたときに「ALT」キーが押されているかどうかを返します	KeyboardEvent
changeTouches	前回のタッチとこのタッチの間に状態が変更されたすべてのタッチオブジェクトのリストを返します	TouchEvent
clientX	マウスイベントがトリガーされたときのマウス指標が現在のウィンドウに対する水平座標を返します	MouseEvent, TouchEvent
clientY	マウスイベントがトリガーされたときのマウス指標が現在のウィンドウに対する垂直座標を返します	MouseEvent, TouchEvent
clipboardData	クリップボード操作に影響を受けたデータを含むオブジェクトを返します	ClipboardData
code	トリガーされたイベントのキーのコードを返します	KeyboardEvent
composed	イベントが構成されているかどうかを返します	Event
ctrlKey	マウスイベントが「CTRL」キーを押しながらトリガーされたかどうかを返します	MouseEvent
ctrlKey	返回触发键事件时是否按下了“ CTRL”键	KeyboardEvent, TouchEvent
currentTarget	返回其事件侦听器触发事件的元素	Event
ctrlKey	キーイベントがトリガーされたときに「CTRL」キーが押されているかどうかを返します	InputEvent
currentTarget	そのイベントリスナーがイベントをトリガーした要素を返します/data	挿入するためのデータを含むオブジェクトを返します
dataTransfer	挿入または削除されたデータを返します	Event
DragEvent, InputEvent	defaultPrevented	Z軸のマウスローラーのスクロール量を返します
preventDefault()メソッドがイベントコールに呼ばれたかどうかを返します	deltaX	Z軸のマウスローラーのスクロール量を返します
マウスローラーの水平スクロール量（x軸）を返します	deltaY	Z軸のマウスローラーのスクロール量を返します
マウスローラーの垂直スクロール量（y軸）を返します	deltaZ	Z軸のマウスローラーのスクロール量を返します
deltaMode	増分値（ピクセル、ライン、ページ）の単位を示す数字を返します	UiEvent
アニメーションが運行した秒数を返します	WheelEvent	詳細を返します
アニメーションが運行した秒数を返します	AnimationEvent
アニメーションが運行した秒数を返します	eventPhase	Event
現在評価中のイベントストリームの哪个阶段を返します	inputType	InputEvent
変更のタイプ（「挿入」または「削除」）を返します	isComposing	イベントの状態が構成中かどうかを返します
InputEvent, KeyboardEvent	isTrusted	Event
key	イベントが表すキーのキーボードを返します	KeyboardEvent
key	変更されたストレージプロジェクトのキーを返します	StorageEvent
keyCode	onkeypressイベントをトリガーするキーのUnicode文字コード、またはonkeydownまたはonkeyupイベントをトリガーするキーのUnicodeキーコードを返します。	KeyboardEvent
location	キーボードまたはデバイス上のボタンの位置を返します	KeyboardEvent
lengthComputable	進度の長さが計算可能かどうかを返します	ProgressEvent
loaded	ロードされた作業量を返します	ProgressEvent
metaKey	イベントがトリガーされたときに「META」キーが押されているかどうかを返します	MouseEvent
metaKey	キーイベントがトリガーされたときに「メタ」キーが押されているかどうかを返します	KeyboardEvent, TouchEvent
MovementX	前回のmousemoveイベントに対しての位置からのマウスカーソルの水平座標を返します	MouseEvent
MovementY	前回のmousemoveイベントに対しての位置からのマウスカーソルの垂直座標を返します	MouseEvent
newValue	変更されたストレージプロジェクトの新しい値を返します	StorageEvent
newURL	ハッシュ値が変更された後、ドキュメントのURLを返します	HasChangeEvent
offsetX	マウスカーソルがターゲット要素の端から水平にどの位置にあるかを返します	MouseEvent
offsetY	マウスカーソルがターゲット要素の端から垂直にどの位置にあるかを返します	MouseEvent
oldValue	変更されたストレージプロジェクトの旧値を返します	StorageEvent
oldURL	ハッシュ変更前のドキュメントのURLを返します	HasChangeEvent
onemptied	不良状況が発生し、メディアファイルが突然利用不可能になる場合（例えば、接続が意図せず切れる場合など）に発生するイベントです。
pageX	マウスイベントがトリガーされた際に、ドキュメントに対するマウスポインタの水平座標を返します。	MouseEvent
pageY	マウスイベントがトリガーされた際に、ドキュメントに対するマウスポインタの垂直座標を返します。	MouseEvent
persisted	ブラウザがウェブページをキャッシュしているかどうかを返します。	PageTransitionEvent
propertyName	アニメーションやトランジションに関連するCSSのプロパティ名を返します。	AnimationEvent, TransitionEvent
pseudoElement	アニメーションやトランジションに関連するCSSの仮要素の名前を返します。	AnimationEvent, TransitionEvent
region		MouseEvent
relatedTarget	マウスイベントをトリガーした要素に関連する要素を返します。	MouseEvent
relatedTarget	イベントをトリガーした要素に関連する要素を返します。	FocusEvent
repeat	特定のキーが連続して押されているかどうかを返します。	KeyboardEvent
screenX	イベントがトリガーされた際に、スクリーンに対するマウスポインタの水平座標を返します。	MouseEvent
screenY	イベントがトリガーされた際に、スクリーンに対するマウスポインタの垂直座標を返します。	MouseEvent
shiftKey	イベントがトリガーされた際に「SHIFT」キーが押されているかどうかを返します。	MouseEvent
shiftKey	キーイベントがトリガーされた際に「SHIFT」キーが押されているかどうかを返します。	KeyboardEvent, TouchEvent
state	履歴エントリのコピーを含むオブジェクトを返します。	PopStateEvent
storageArea	影響を受けたストレージオブジェクトを表すオブジェクトを返します。	StorageEvent
target	イベントをトリガーした要素を返します。	Event
targetTouches	現在のターゲット要素と同じターゲット要素上でtouchstartイベントが発生したすべてのタッチオブジェクトのリストを返します。	TouchEvent
timeStamp	イベントが生成された時間（紀元からのミリ秒数）を返します。	Event
total	ロードする予定の作業全体の量を返します。	ProgressEvent
touches	現在、曲面に接触しているすべてのタッチオブジェクトのリストを返します。	TouchEvent
transitionend	CSSのトランジションが完了した際に発生するイベントです。	TransitionEvent
type	イベントの名前を返します。	Event
url	プロジェクトドキュメントのURLの変更を返します。	StorageEvent
which	マウスイベントがトリガーされた際に押されたマウスボタンの情報を返します。	MouseEvent
which	onkeypressイベントをトリガーするキーのUnicode文字コード、またはonkeydownまたはonkeyupイベントをトリガーするキーのUnicodeキーコードを返します。	KeyboardEvent
view	発生したイベントのWindowオブジェクトへの参照を返す	UiEvent

HTML DOM イベントメソッド

以下のテーブルにDOMイベントのメソッドを示します：