HTML DOMイベント

HTML DOMイベント

HTML DOMイベントは、JavaScriptがHTMLドキュメントの要素に異なるイベントハンドラを登録できるようにします。

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

イベントに関するチュートリアルが必要な場合は、私たちの JavaScriptイベントチュートリアル。

イベント 説明 属する
abort メディアの読み込みが中止されたときにこのイベントが発生します。
afterprint ページが印刷を開始したり、印刷ダイアログを閉じるときにこのイベントが発生します。 Event
animationend CSSアニメーションが完了するときにこのイベントが発生します。 AnimationEvent
animationiteration CSSアニメーションが繰り返し実行するときにこのイベントが発生します。 AnimationEvent
animationstart CSSアニメーションが始まるときにこのイベントが発生します。 AnimationEvent
beforeprint ページを印刷する前にこのイベントが発生します。 Event
beforeunload ドキュメントがアンロードされる前にこのイベントが発生します。
blur 要素がフォーカスを失ったときにこのイベントが発生します。 FocusEvent
canplay ブラウザがメディアを再生し始めるときにこのイベントが発生します。 Event
canplaythrough ブラウザがバッファリングを停止せずにメディアを再生できるようになるときにこのイベントが発生します。 Event
change form要素の内容、選択された内容、または選択状態が変更されたときにこのイベントが発生します。 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 外部ファイルのロード中にエラーが発生した後、このイベントが発生します。
focus 要素が焦点を得たときに、このイベントが発生します。 FocusEvent
focusin 要素が焦点を得る直前にこのイベントが発生します。 FocusEvent
focusout 要素が焦点を失う直前にこのイベントが発生します。 FocusEvent
fullscreenchange 要素がフルスクリーンモードで表示されているときに、このイベントが発生します。 Event
fullscreenerror 要素がフルスクリーンモードで表示できないときに、このイベントが発生します。 Event
hashchange URLのアンchor部分が変更されたときに、このイベントが発生します。 HashChangeEvent
input 要素がユーザーからの入力を受け取ったときに、このイベントが発生します。
invalid 要素が無効であるときに、このイベントが発生します。 Event
keydown ユーザーがキーを押しているときに、このイベントが発生します。 KeyboardEvent
keypress ユーザーがキーを押したときに、このイベントが発生します。 KeyboardEvent
keyup ユーザーがキーを解放したときに、このイベントが発生します。 KeyboardEvent
load オブジェクトがロードされたときに、このイベントが発生します。
loadeddata メディアデータがロードされた後、このイベントが発生します。 Event
loadedmetadata メディアのメタデータ（例えばサイズや持续时间）をロードするときに、このイベントが発生します。 Event
loadstart ブラウザが指定されたメディアを検索し始めたときに、このイベントが発生します。 ProgressEvent
message このイベントソースを通じてメッセージを受け取るときに、このイベントが発生します。 Event
mousedown ユーザーが要素上でマウスボタンを押したときに、このイベントが発生します。 MouseEvent
mouseenter ポインタが要素に移動したときに、このイベントが発生します。 MouseEvent
mouseleave ポインタが要素から移動したときに、このイベントが発生します。 MouseEvent
mousemove ポインタが要素の上を移動しているときに、このイベントが発生します。 MouseEvent
mouseout ユーザーがマウス指標を要素またはその子要素から移動したときに、このイベントが発生します。 MouseEvent
mouseover ポインタが要素またはその子要素に移動したときに、このイベントが発生します。 MouseEvent
mouseup ユーザーが要素上でマウスボタンを解放したときに、このイベントが発生します。 MouseEvent
mousewheel 推奨されない使用法です。この方法を使用することをお勧めしません。 wheel イベント。 WheelEvent
offline ブラウザがオフラインで作業を始めたときに、このイベントが発生します。 Event
online ブラウザがオンラインで作業を始めたときに、このイベントが発生します。 Event
open イベントソースと接続を開いたときに、このイベントが発生します。 Event
pagehide ユーザーが特定のウェブページを離れてナビゲートしたときに、このイベントが発生します。 PageTransitionEvent
pageshow ユーザーが特定のウェブページにナビゲートしたときに、このイベントが発生します。 PageTransitionEvent
paste ユーザーが一部のコンテンツを要素に貼り付けたときに、このイベントが発生します。 ClipboardEvent
pause メディアがユーザーによって一時停止されたり、プログラム的に一時停止されたときに、このイベントが発生します。 Event
play メディアが再生を開始したり、一時停止されない場合に、このイベントが発生します。 Event
playing メディアが一時停止や停止してバッファリング後に再生されたときに、このイベントが発生します。 Event
popstate ウィンドウの歴史記録が変更されたときに、このイベントが発生します。 PopStateEvent
progress ブラウザがメディアデータを取得しているときに、このイベントが発生します。 Event
ratechange メディアの再生速度が変更されたときに、このイベントが発生します。 Event
reset フォームをリセットしたときにこのイベントが発生します。 Event
resize ドキュメントビューワーのサイズを調整したときに、このイベントが発生します。
scroll スクロール要素のスクロールバーを操作したときに、このイベントが発生します。
search ユーザーが検索フィールドに内容を入力したときに、このイベントが発生します。 Event
seeked ユーザーがメディア内の新しい位置に移動したりジャンプを完了したときに、このイベントが発生します。 Event
seeking ユーザーがメディア内の新しい位置に移動したりジャンプを開始したときに、このイベントが発生します。 Event
select ユーザーがテキストを選択した後（<input>や<textarea>に対して）このイベントが発生します。
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 ページがアンロードされた後（<body>に対して）、発生します。
volumechange メディアの音量が変更されたときに発生します。 Event
waiting メディアが一時停止されているが再開されることが予想されるときに発生します。 Event
wheel 要素に対してマウスホイールが上または下にスクロールされたときに発生します。 WheelEvent

HTML DOM イベント属性とメソッド

属性/メソッド 説明 属する
altKey マウスイベントがトリガーされたときに「ALT」キーが押されているかどうかを返します。 MouseEvent
altKey キーボードイベントがトリガーされたときに「ALT」キーが押されているかどうかを返します。
animationName アニメーションの名前を返します。 AnimationEvent
bubbles 特定のイベントがバブルイベントかどうかを返します。 Event
button マウスイベントがトリガーされたときに押されたマウスボタンの情報を返します。 MouseEvent
buttons マウスイベントがトリガーされたときに押されたマウスボタンの情報を返します。 MouseEvent
cancelBubble イベントが上層に伝播するべきかどうかを設定または返します。
cancelable イベントがデフォルトの操作を阻止できるかどうかを返します。 Event
changeTouches 前のタッチと現在のタッチの間に状態が変更されたすべてのタッチオブジェクトのリストを返します。 TouchEvent
charCode onkeypressイベントがトリガーされたときのキーのUnicode文字コードを返します。 KeyboardEvent
clientX マウスイベントがトリガーされたとき、マウスカーソルが現在のウィンドウに対しての水平座標を返します。
clientY マウスイベントがトリガーされたとき、マウスカーソルが現在のウィンドウに対しての垂直座標を返します。
clipboardData クリップボード操作に影響を与えるデータを含むオブジェクトを返します。 ClipboardData
code イベントをトリガーしたキーのコードを返します。 KeyboardEvent
composed このイベントがShadow DOMから一般的なDOMに伝播できるかどうかを示します。 Event
composedPath() イベントのパスを返します。
createEvent() 新しいイベントを作成します。 Event
ctrlKey マウスイベントがトリガーされたときに「CTRL」キーが押されているかどうかを返します。 MouseEvent
ctrlKey キーボードまたはマウスイベントが発生したときに「CTRL」キーが押されているかどうかを返します。
currentTarget イベントをトリガーしたイベントリスナーを持つ要素を返します。 Event
data インサートされた文字を返します。 InputEvent
dataTransfer ドラッグまたはインサート/デリートされたデータを含むオブジェクトを返します。
defaultPrevented イベントがpreventDefault()メソッドを呼び出すかどうかを返します。 Event
deltaX マウスホイールの水平スクロール量（x軸）を返します。 WheelEvent
deltaY マウスホイールの垂直スクロール量（y軸）を返します。 WheelEvent
deltaZ マウスホイールのZ軸のスクロール量を返します。 WheelEvent
deltaMode 増分値（ピクセル、ライン、ページ）の単位を示す数字を返します。 WheelEvent
detail マウスがクリックされた回数を示す数字を返します。 UiEvent
elapsedTime アニメーションが走行した秒数を返します。 AnimationEvent
elapsedTime トランジションが走行した秒数を返します。 　
eventPhase 現在のイベントストリームがどの段階にあるかを返します。 Event
getModifierState() 挿入/削除の影響を受ける範囲を含む配列を返します。 MouseEvent
getTargetRanges() 挿入/削除の影響を受ける範囲を含む配列を返します。 InputEvent
inputType 変更のタイプ（「inserting」または「deleting」）を返します。 InputEvent
isComposing イベントの状態が構成中であるかどうかを返します。
isTrusted イベントが信頼できるかどうかを返します。 Event
key イベントが表すキーのキー値を返します。 KeyboardEvent
key 変更後のストレージ項目のキーを返します。 StorageEvent
keyCode onkeypress、onkeydown、またはonkeyupイベントがトリガーされたキーのUnicode文字コードを返します。 KeyboardEvent
location キーボードまたはデバイス上のボタンの位置を返します。 KeyboardEvent
lengthComputable 進度の長さが計算可能かどうかを返します。 ProgressEvent
loaded 読み込まれた作業量を返します。 ProgressEvent
metaKey イベントがトリガーされたときに「META」キーが押されているかどうかを返します。 MouseEvent
metaKey キーボードイベントがトリガーされたときに「META」キーが押されているかどうかを返します。
MovementX 前のmousemoveイベントに対する位置の、マウスカーソルの水平座標を返します。 MouseEvent
MovementY 前のmousemoveイベントに対する位置の、マウスカーソルの垂直座標を返します。 MouseEvent
newURL 変更後のハッシュのドキュメントURLを返します。 HasChangeEvent
newValue 変更後のストレージ項目の新しい値を返します。 StorageEvent
offsetX ターゲット要素の端に対するマウスカーソルの水平座標を返します。 MouseEvent
offsetY ターゲット要素の端に対するマウスカーソルの垂直座標を返します。 MouseEvent
oldURL 変更前のハッシュのドキュメントURLを返します。 HasChangeEvent
oldValue 変更後のストレージ項目の古い値を返します。 StorageEvent
onemptied 不良状況が発生し、メディアファイルが突然利用不可能になった場合に、このイベントが発生します。 　
pageX マウスイベントがトリガーされたときの、マウスカーソルがドキュメントに対しての水平座標を返します。 MouseEvent
pageY マウスイベントがトリガーされたときの、マウスカーソルがドキュメントに対しての垂直座標を返します。 MouseEvent
persisted ブラウザがページをキャッシュしていないかどうかを返します。 PageTransitionEvent
preventDefault() イベントをキャンセルし、そのイベントに属するデフォルトの操作を実行しないようにします。 Event
propertyName アニメーションやトランジションに関連する CSS プロパティの名前を返します。
pseudoElement アニメーションやトランジションに関連するパseudoElementの名前を返します。
region MouseEvent
relatedTarget マウスイベントがトリガーされた要素に関連する要素を返します。 MouseEvent
relatedTarget イベントがトリガーされた要素に関連する要素を返します。 FocusEvent
repeat 特定のキーが繰り返し押されているかどうかを返します。 KeyboardEvent
screenX ウィンドウ/マウスポインタがスクリーン上の水平座標を返します。 MouseEvent
screenY ウィンドウ/マウスポインタがスクリーン上の垂直座標を返します。 MouseEvent
shiftKey イベントがトリガーされたときに "SHIFT" キーが押されているかどうかを返します。 MouseEvent
shiftKey キーボードイベントがトリガーされたときに "SHIFT" キーが押されているかどうかを返します。
state 履歴エントリのコピーを含むオブジェクトを返します。 PopStateEvent
stopImme...() 同じイベントの他のリスナーが呼び出されないようにします。 Event
stopPropagation() イベントの流れをさらに伝播させないようにします。 Event
storageArea 影響を受けたストレージオブジェクトを表すオブジェクトを返します。 StorageEvent
target イベントがトリガーされた要素を返します。 Event
targetTouches すべてのタッチポイントがまだタッチ面に接触している Touch オブジェクトの TouchList リストを返します。 TouchEvent
timeStamp イベントが作成された時間（紀元からのミリ秒数）を返します。 Event
total 読み込む予定の作業の合計量を返します。 ProgressEvent
touches 現在表面に接触しているすべての touch オブジェクトのリストを返します。 TouchEvent
type イベント名を返します。 Event
url 変更された項目が所在するドキュメントの URL を返します。 StorageEvent
which マウスイベントがトリガーされたときに押されたマウスボタンの情報を返します。 MouseEvent
which onkeypress イベントがトリガーされたキーの Unicode 字符コード、または onkeydown または onkeyup イベントがトリガーされたキーの Unicode キーコードを返します。 KeyboardEvent
view イベントが発生した Window オブジェクトへの参照を返します。 UiEvent