イベントとは


JavaScriptにおけるイベントとは、ボタンのクリック、ページのスクロール、フォームへの入力、マウスを要素へ重ねるなどの、ウェブページ上で発生するあらゆるアクションの総称となります。

イベントドリブンとイベントハンドラー


JavaScript では、それらのイベントの発生に応じて実行する処理を実装するプログラミングモデルのことをイベントドリブンモデルと呼び、様々なイベントに対応した処理内容を定義する関数のことをイベントハンドラーまたは、イベントリスナーといいます。

イベントの種類(一部抜粋)

load ページや画像の読み込みが完了した時
click クリックした時
dbclick ダブルクリックした時
mousedown マウスボタンを押した時
mouseup マウスボタンを離した時
mousemove マウスカーソルが移動した時
mouseover マウスカーソルが要素に乗った時
mouseout マウスカーソルが要素から外れた時
change 内容が変更された時
reset リセットボタンを押した時
submit サブミットボタンを押した時
focus 要素がフォーカスされた時
blur 要素からフォーカスが外れた時
resize 要素のサイズを変更した時
scroll スクロールした時

イベントリファレンス | MDN