アウトプットとして
JavaScriptのコードが実行される仕組み
JavaScriptは「何かが起きたらコードを実行する」という動的な概念に基づいて設計されています。
この「何かが起きたら」はイベントと呼ばれ、HTMLに対して行われた要求のことをいいます。
また、イベントを認識してJavaScriptのコード（特に関数）が動き出すことをイベント発火と言います。
イベントの例
- ブラウザ上のボタンをクリックした
- テキストフィールドでキー入力をした
- 要素の上にマウスカーソルを乗せた etc...
addEventListener()メソッド
イベント発火の際に実行する関数を定義するためのメソッド
要素.addEventListener('イベント名', 関数function(){
//イベントが起きた際の処理
})
イベントの例
| イベント名 | 説明 |
|---|---|
| loadイベント | ページ全体が全て読み込まれた後に、イベント発火する |
| clickイベント | 指定された要素がクリックされた時に、イベントが発火する |
| mouseoverイベント | マウスカーソルが指定された要素上に乗った時に、イベントが発火する |
| mouseoutイベント | マウスカーソルが指定された要素上から外れた時に、イベントが発火する |
関数については→JavaScriptの関数
要素の取り出し方に関しては→HTMLの要素を取得する方法
以上。
※補足等ありましたらコメントいただけると幸いです。