JavaScriptにおけるイベント

ユーザーの操作やブラウザの動作によって発生するアクションを指します。イベントは、ユーザーとウェブページとのインタラクションを処理するために使用されます。以下に、いくつかの主要なイベントとその説明を示します。

マウスイベント

click : ユーザーが要素をクリックしたときに発生します。
dblclick: ユーザーが要素をダブルクリックしたときに発生します。
mousedown: ユーザーがマウスボタンを押下したときに発生します。
mouseup: ユーザーがマウスボタンを放したときに発生します。
mousemove: ユーザーがマウスを動かしたときに発生します。
mouseover: マウスポインターが要素の上に乗ったときに発生します。
mouseout: マウスポインターが要素から離れたときに発生します。
mouseenter: マウスポインターが要素に入ったときに発生します。バブリングしません。
mouseleave: マウスポインターが要素から出たときに発生します。バブリングしません。

キーボードイベント

keydown: ユーザーがキーを押下したときに発生します。
keyup: ユーザーがキーを放したときに発生します。
keypress: ユーザーがキーを押下したときに発生します。keydown と keyup の間に発生しますが、現在は非推奨です。

フォームイベント

submit: フォームが送信されたときに発生します。
reset: フォームがリセットされたときに発生します。
focus: 要素がフォーカスされたときに発生します。
blur: 要素からフォーカスが外れたときに発生します。
change: フォーム要素の値が変更されたときに発生します。

ウィンドウイベント

load: ページが完全に読み込まれたときに発生します。
resize: ウィンドウのサイズが変更されたときに発生します。
scroll: ページがスクロールされたときに発生します。
unload: ページがアンロードされるときに発生します。

タッチイベント（モバイル向け）

touchstart: ユーザーがタッチデバイスで画面に触れたときに発生します。
touchmove: ユーザーがタッチしたまま指を動かしたときに発生します。
touchend: ユーザーがタッチした指を画面から離したときに発生します。

その他のイベント

input: 入力要素の値が変更されたときに発生します。change イベントと異なり、リアルタイムで発生します。
contextmenu: コンテキストメニュー（右クリックメニュー）が表示されたときに発生します。

※この記事はChatGPTの検索結果をもとに作成しています。