HTML イベント属性

最終更新：2026-09-12

イベント属性は HTML 内で直接イベントハンドラーをバインドし、特定のイベント発生時に JavaScript を実行します。すべての HTML 要素で使用でき（グローバルイベント属性）、ページの対話の基盤です。

ウィンドウ / ドキュメントイベント

Event Attributes	Description
`onload`	要素（画像やページなど）の読み込み完了時に発生します。
`onunload`	ページがアンロード（離脱）される時に発生します。
`onresize`	ウィンドウサイズが変更された時に発生します。
`onscroll`	要素やページがスクロールされた時に発生します。
`onerror`	リソース（画像やスクリプトなど）の読み込みに失敗した時に発生します。

Event Attributes	Description
`onsubmit`	フォーム送信時に発生します。フォーム検証によく使われます。
`onreset`	フォームがリセットされた時に発生します。
`onchange`	フォームコントロールの値が変わり、フォーカスを失った後に発生します。
`oninput`	要素の値が変わるたびにリアルタイムで発生します（入力即発生）。
`onfocus`	要素がフォーカスを得た時に発生します。
`onblur`	要素がフォーカスを失った時に発生します。
`onselect`	テキストフィールド内のテキストが選択された時に発生します。

Event Attributes	Description
`onkeydown`	キーボードのキーが押された時に発生します。
`onkeyup`	キーボードのキーが離された時に発生します。
`onkeypress`	キーが押され離された時（文字が生成される）に発生します。非推奨です。

Event Attributes	Description
`onclick`	ユーザーが要素をクリックした時に発生します。
`ondblclick`	ユーザーが要素をダブルクリックした時に発生します。
`onmousedown`	要素上でマウスボタンが押された時に発生します。
`onmouseup`	要素上でマウスボタンが離された時に発生します。
`onmousemove`	マウスが要素上を移動した時に発生します。
`onmouseover`	マウスポインターが要素（または子要素）に入った時に発生します。
`onmouseout`	マウスポインターが要素（または子要素）から離れた時に発生します。
`onwheel`	要素上でマウスホイールが回された時に発生します。
`oncontextmenu`	ユーザーが要素を右クリック（コンテキストメニューを開く）した時に発生します。

Event Attributes	Description
`ondrag`	要素がドラッグされている間、継続的に発生します。
`ondrop`	ドラッグされた要素がターゲット上でドロップされた時に発生します。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。