ドキュメント : Event

ブラウザイベントは“ブラウザ動作のWEBページで発生するイベント”です。イベントハンドラーは“イベント発生時の処理”です。JavaScriptはイベントハンドラーをHTML属性値やDOMを利用したコールバック関数として設定して実行できます。

Eventオブジェクトは“イベントの情報を表すオブジェクト”です。イベントハンドラーのコールバック関数に第１引数（仮引数）を定義した場合、自動で実行時に与えられます。

イベントをプログラムで発生させることができます。手順は次の通りです。1.Eventオブジェクトの生成。2.イベントの発生。dispatchEventメソッドにEventオブジェクトを引数で与えます。

Eventオブジェクトにはイベントを中止するメソッドが備わっています。リンクの規定動作を中止するメソッドやイベントの伝搬を中止するメソッドなど種類があります。

clickは“クリックを表すイベント”です。デスクトップパソコンのマウスクリックやスマートフォンのタップがこのイベントに該当します。HTML属性でクリックイベントを登録するにはonclick属性を使用します。DOMのaddEventListenerメソッドでクリックイベントを登録するにはイベント種別にclickを与えます。

focusは“フォーカスが当たった時を表すイベント”です。input要素などをクリックし、入力状態になった時などが該当します。HTML属性でフォーカスイベントを登録するにはonfocus属性を使用します。DOMのaddEventListenerメソッドでフォーカスイベントを登録するにはイベント種別にfocusを与えます。

changeは“値の変更が確定した時を表すイベント”です。input要素を値を入力し、Enterキーで確定した時などが該当します。HTML属性でチェンジイベントを登録するにはonchange属性を使用します。DOMのaddEventListenerメソッドでチェンジイベントを登録するにはイベント種別にchangeを与えます。

inputは“値を変更した時を表すイベント”です。input要素に値を入力した時などが該当します。HTML属性でインプットイベントを登録するにはoninput属性を使用します。DOMのaddEventListenerメソッドでインプットイベントを登録するにはイベント種別にinputを与えます。

loadは“読み込みが完了した時を表すイベント”です。Webページや画像、動画の読み込み完了時などが該当します。HTML属性でロードイベントを登録するにはonload属性を使用します。DOMのaddEventListenerメソッドでロードイベントを登録するにはイベント種別にloadを与えます。

イベントの伝搬は“イベントが要素（オブジェクト）に伝わっていくこと”です。伝搬には『キャプチャリングフェーズ』・『ターゲットフェーズ』・『バブリングフェーズ』があり、各フェーズはEventオブジェクトの