イベントハンドラ

I. 🎯 イベントハンドラとは？

イベントハンドラとは、ユーザーの操作そうさ（クリック、マウス移動いどう、ページ読み込みよみこみなど）に応じておうじて、JavaScriptで何かなにかの処理しょりを実行じっこうする仕組みしくみです。

「イベント」＝ユーザーの操作そうさやブラウザの動きうごき
「ハンドラ」＝そのイベントが起きたおきたときに実行じっこうされる関数かんすう（処理しょり）

📌 例れい：ボタンをクリックしたらメッセージを表示ひょうじする

🖱️ `onclick`（クリックされたとき）

要素ようそがクリックされたときに実行じっこうされるイベント。
よく使われるつかわれるイベントの1つです。

🐭 `onmouseover` / `onmouseout`（マウスが乗ったのったとき・離れたはなれたとき）

onmouseover：マウスカーソルが要素ようその上うえに来たきたとき
onmouseout：マウスカーソルが要素ようそから離れたはなれたとき

📦 `onload`（ページが読み込まれたよみこまれたとき）

ページ全体ぜんたいが読み込まれたよみこまれたときに実行じっこうされるイベント。
初期化しょきか処理しょりなどに使いますつかいます。

II. 🧩 よく使うつかうイベントハンドラ

以下いかは、JavaScriptでよく使われるつかわれるイベントハンドラを、3つのカテゴリかてごりに整理せいりしたものです。

🖱️ 1. マウス操作そうさに関するかんするイベント

イベント名いべんとめい	説明せつめい	使用例しようれい
`onclick`	要素ようそがクリックされたとき	ボタンを押したおしたときに処理しょりを実行じっこう
`ondblclick`	ダブルクリックされたとき	2回かいクリックで別べつの動作どうさを実行じっこう
`onmouseover`	マウスが要素ようその上うえに乗ったのったとき	テキストの色いろを変えるかえるなど
`onmouseout`	マウスが要素ようそから離れたはなれたとき	元もとの色いろに戻すもどすなど
`onmousemove`	マウスが動いたうごいたとき	マウス位置いちを表示ひょうじするなど
`oncontextmenu`	右みぎクリックされたとき	カスタムメニューを表示ひょうじするなど

📦 2. ページの読み込みよみこみ・移動いどうに関するかんするイベント

イベント名いべんとめい	説明せつめい	使用例しようれい
`onload`	ページや画像がぞうなどが読み込まれたよみこまれたとき	初期化しょきか処理しょりを実行じっこう
`onunload`	ページが閉じられるとじられるとき	確認かくにんメッセージを表示ひょうじするなど
`onresize`	ウィンドウサイズが変更へんこうされたとき	レイアウトを調整ちょうせいするなど
`onscroll`	ページがスクロールされたとき	スクロール位置いちに応じたおうじた処理しょり
`onerror`	エラーが発生はっせいしたとき	画像がぞうの読み込みよみこみ失敗時しっぱいじに代替だいたい処理しょりを行うおこなうなど

📝 3. フォーム関連かんれんのイベント

イベント名いべんとめい	説明せつめい	使用例しようれい
`onchange`	入力欄にゅうりょくらんの内容ないようが変更へんこうされたとき	ドロップダウンの選択せんたく変更へんこうなど
`oninput`	入力欄にゅうりょくらんに文字もじが入力にゅうりょくされたとき	リアルタイムで文字数もじすうをカウント
`onsubmit`	フォームが送信そうしんされたとき	入力にゅうりょくチェックを行うおこなうなど
`onreset`	フォームがリセットされたとき	入力内容にゅうりょくないようを初期化しょきかしたときの処理しょり
`onfocus`	入力欄にゅうりょくらんが選択せんたくされたとき	背景色はいけいしょくを変えるかえるなど
`onblur`	入力欄にゅうりょくらんの選択せんたくが外れたはずれたとき	入力内容にゅうりょくないようの確認かくにんなど
`onkeydown`	キーが押されたおされたとき	特定とくていのキー操作そうさに反応はんのう
`onkeyup`	キーが離されたはなされたとき	入力にゅうりょく完了後かんりょうごの処理しょりなど

✅ 補足ほそく

これらのイベントは、HTMLタグに直接ちょくせつ書くかく方法ほうほう（例れい：<input oninput="..." />）と、JavaScriptで後からあとから設定せっていする方法ほうほう（例れい：element.addEventListener(...)）の両方りょうほうで使えますつかえます。
初心者しょしんしゃには、まずHTML内ないに直接ちょくせつ書くかく方法ほうほうが理解りかいしやすいです。