【旧版】JavaScript イベントとイベントハンドラ

イベントとイベントハンドラについて

お知らせ：旧版のコースのためメンテナンス及びサポートを終了しています。

プレミアム

合計時間：00:17:07

レクチャー一覧

• JavaScriptイベントとイベントハンドラ
• 1. イントロダクション-イベントとイベントハンドラ

• 2. イベントとイベントハンドラを関連付ける方法

  0分
  イベントとイベントハンドラを関連付ける方法について説明します。
  • 開始タグの属性で関連づける方法
  • プロパティで関連づける方法
  • イベントハンドラの使い方

• 3. 開始タグの中で関連付ける方法

  3分
  イベントハンドラを開始タグの中で関連づける方法について説明します。
  • 開始タグの属性で関連づける方法
  • 開始タグの属性で関連づける際の構文
  • 開始タグの属性で関連づける実演

• 4. プロパティで関連付ける方法

  2分
  イベントハンドラをプロパティで関連づける方法について説明します。
  • プロパティで関連づける方法
  • プロパティで関連づける際の構文
  • プロパティで関連づける実演

• 5. loadイベント

  2分
  loadイベントについて説明します。
  • loadイベントとは？
  • ブラウザオブジェクトの階層構造
  • 例題

• 6. addEventListener

  3分
  addEventListenerメソッドについて説明します。
  • addEventListenerメソッドとは？
  • addEventListenerメソッド構文
  • 例題

• 7. 演習_イベント

  2分
  イベントとイベントハンドラについての演習をします。
  • 演習の説明
  • DOMContentLoadedイベント
  • addEventListenerのタイミング

• 8. 演習回答_イベント

  2分
  イベントとイベントハンドラについての演習の回答をします。
  • appendElementメソッド
  • DOMContentLoadedイベント
  • addEventListenerメソッド